Code and craft
GDES-220 fall 2015 · American University Design
Instructor: David Ramos (ramos@american.edu)
Resources about how to make work for the web.
HTML/CSS
Basics
- Don’t Fear the Internet – video lectures by Jessica Hische and Russ Maschmeyer
- WebPlatform.org docs – new, well-written, sleek, but still in alpha
- SitePoint CSS Reference and HTML Reference – great general references
- Stack Overflow is a good source for answers to small questions – follow search results that point there
More in-depth
- Keith, Jeremy. HTML5 for Web Designers.
-
Duckett, Jon. JavaScript and jQuery: Interactive Front-End Web Development.
- Mozilla Developer Network for HTML and CSS
- HTML5 Doctor
- HTML entities (special characters)
- Can I Use – browser compatibility tables
- QuirksMode – browser compatibility tables
- Learn CSS Selectors Interactively
Responsive design and HTML/CSS media queries
- Ethan Marcotte, Responsive Web Design
-
Luke Wroblewski, Mobile First
- Ethan Marcotte: Responsive Web Design (the seminal article)
- Sitepoint on media queries
- Smashing Magazine on media queries
- Responsive navigation patterns
- Responsive navigation
- This is responsive (“Patterns, resources and news for creating responsive web experiences”)
- Gridpak (graphical tool for building responsive grids)
Tools, images, and media sources
- Text-to-HTML converter
- Noun Project (icons)
- Iconic (icons)
- Fontello (font icon creator)
- Maki (map icons from MapBox)
Color pickers
Content management systems
- WordPress, the software that powers managed hosting on WordPress.com
- Joomla and Drupal, if you like messy, overcomplicated software
- Craft
- Statamic (static and dynamic, not a reference to the Devil)
- Perch
- Kirby
- Ghost, “just a blogging platform” – worth a look for philosophy
- SecretaryCMS, built just for portfolios, but not very actively developed