Web II: Resources

Here’s a great list of resources that Jonathan sent after his visit last week:

Inspiration

https://www.typewolf.com/blog
http://www.webdesignserved.com/
https://rrrepo.co/explore
http://www.awwwards.com/

General

https://louderthanten.com/articles/story/design-machines
https://css-tricks.com/
http://www.smashingmagazine.com/
http://tympanus.net/codrops/
http://alistapart.com/

Accessibility / Utilities

http://leaverou.github.io/contrast-ratio/#hsla%28239%2C-11%25%2C46%25%2C.7%29-on-white
http://jxnblk.com/colorable/
http://iconogen.com/upload.php
http://jxnblk.com/

Organization / Resets 

https://smacss.com/
https://necolas.github.io/normalize.css/
http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/

References

http://codeguide.co/
http://wwwhere.io/

Text Editors

http://www.sitepoint.com/sitepoint-smackdown-atom-vs-brackets-vs-light-table-vs-sublime-text/
http://www.sublimetext.com/
https://packagecontrol.io/installation

HTML 5

http://www.jonathanlooney.com/html5structure.html
https://www.dropbox.com/s/7rc0x0i7biirqck/html5-for-web-designers.pdf?dl=0

CSS3:

https://www.dropbox.com/s/7f8q5duoq406bou/css3-for-web-designers.pdf?dl=0
http://tympanus.net/codrops/css_reference/

SASS

http://sass-lang.com/
https://www.dropbox.com/s/forp3zmdxg4b6k1/Sass-for-Web-Designers.pdf?dl=0

Responsiveness

https://www.dropbox.com/s/8dkz2kptfk1y7q0/Responsive-Web-Design-2e.pdf?dl=0
https://www.dropbox.com/s/8a240eqwig6tkrt/Responsible-Responsive-Design.pdf?dl=0
https://www.dropbox.com/s/6pq91xc9pjbqw5v/mobile-first.pdf?dl=0

Frameworks:

http://bourbon.io/
http://foundation.zurb.com/docs/
http://purecss.io/

Grid System

http://neat.bourbon.io/
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Plugins and Build Tools

http://www.browsersync.io
https://css-tricks.com/gulp-for-beginners/
http://gulpjs.com/

Leave a Reply

Your email address will not be published. Required fields are marked *