Home

It's a wiki... Edit!

Blogs/Resources about web development

• A List Apart: Blog for people who make websites
• The Big Web Show Podcast
• Jeffrey Zeldman's blog http://zeldman.com
• Article about "Content Display Patterns" http://danielmall.com/articles/content-display-patterns/
• Way to organize your "atoms" http://patternlab.io/
• Jeremy Keith is a smart guy: http://adactio.com/
• https://www.w3.org/People/Berners-Lee/Kids.html#invent

Inspirational sites/designers

• Rafael Rozendaal: Uses browser for experimentation
• John's Arena collection
• Linked by Air
• ORG
• Flag font: https://www.scribbletone.com/typefaces/flagsmith
• So nicely marked up (beautiful html/css): https://pages.github.com/
• Font made from CSS
• Fixed text with images flowing on top. http://raphaelbastide.com/diff/
• http://davidrudnick.org/links/
• http://www.laurelhalo.com/
• http://naturelab.risd.edu/
• http://www.harvardartmuseums.org/
• http://www.ynkim.com/

##Reading

• https://www.ted.com/talks/roman_mars_why_city_flags_may_be_the_worst_designed_thing_you_ve_never_noticed?language=en#t-439524
• http://blogs.walkerart.org/design/2016/03/24/material-rob-giampietro-amber-bravo-google-design
• Hmmm ... https://eyeondesign.aiga.org/whats-the-difference-between-ux-ui-design/

Code help

• HTMLSchools
• CodeAcademy
• CSS Basics
• Responsive previewer
• Working with SVG
• Try Masonry http://masonry.desandro.com/
• https://github.com/joshbuchea/HEAD

Site starting Points

• Start Here
• HTML5 Reset: Good clean starting point
• HTML5 Boilerplate
• Twitter Bootstrap
• Skeleton: Good clean grid framework
• Foundation
• Bourbon Neat

HTML5 tags

• Overview of newer HTML tags
• Semantic tags in HTML5

Webfonts

• https://fontlibrary.org/en/font/hk-grotesk#HK Grotesk-Medium
• http://usemodify.com/
• https://www.theleagueofmoveabletype.com/

CMSes

• Kirby
• SiteLeaf
• Stacey
• Webhook
• Gridspree
• https://persona.co/