====== Front End Development Resources ======

===== References, examples, tutorials =====

  * [[https://developer.mozilla.org/en-US/|MDN]]
  * [[https://www.w3schools.com/|W3Schools]]
  * [[https://tympanus.net/codrops/|Codrops]]


===== Scratchpads =====

  * [[https://codepen.io|Codepen]]
  * [[https://jsfiddle.net/|JSFiddle]]

===== Utilities =====

  * [[https://caniuse.com/|Can I Use?]]
  * [[https://www.namecheap.com/blog/12-simple-but-effective-web-design-tools|12 simple but effective web design tools]]

===== Content =====

==== Images ====

  * [[https://unsplash.com/|Upsplash]]
  * [[https://picsum.photos/|Lorem Picsum]]
  * [[https://www.designrush.com/resources/publicdomainarchive/|Public Domain Archive]]
  * [[https://www.publicdomainpictures.net/|Public Domain Pictures]]


==== Text ====

  * [[https://www.lipsum.com/|Lorem Ipsum]]
  * [[http://www.catipsum.com/|Cat Ipsum]]
  * [[https://unicode-table.com/en/|Unicode character table]]

===== CSS =====
  * [[https://necolas.github.io/normalize.css/|Normalize.css]] 
  * [[https://cssreset.com/|CSS resets]]

==== Type ====

  * [[https://www.fontsquirrel.com/|Font Squirrel]]
    * [[https://www.fontsquirrel.com/tools/webfont-generator|Font Squirrel Webfont Generator]]
  * [[https://fontawesome.com/|Font Awesome]]
  * [[https://fonts.google.com/|Google Fonts]]

==== Color ====
  * [[https://rgb.to/|rgb.to]]

==== Layout ====
  * [[http://www.liquidapsive.com/|Liquidapsive]]
  * [[https://mediaqueri.es/|Media Queries]]