Introduction to Web Design — Week 3.5, Rescue

In Spring of 2011, I taught an 8 week introductory course to web design at Brookline Adult and Community Education. This is the presentation deck from week 3.5 of the course.

Transcript

1. introduction to WEB DESIGN brookline adult and community education SPRING 2012 taught by lou suSi
2. a list of online web design resources [: just in case :] week 3.5 rescue no drowning on me, okay?
3. a quick note remember, there is no shame in looking stuff up even the most talented, heavy-hitting, rocket science-like programmers will look stuff up on a continual basis, both online and offline think of it as ‘research’ some basic books can come in handy, i’ll recommend some here
4. a quick note you don’t need to buy any books for this class, though if all else fails — Google away i’m on Google looking stuff up like 27+ times a day if you don’t know what terms to search ( which could be a roadblock to finding what you need on Google ) start with one of the web resources i provide in this PDF
5. some helpful books here are some helpful and amazing books about web design these are books i purchased a while back and still keep to this day keep them near you when you code — they’re, like, THAT helpful ;] HTML, XHTML and CSS: Visual QuickStart Guide Elizabeth Castro ( Peachpit Press ) Don’t Make Me Think Steve Krug ( New Riders ) The Art and Science of Web Design Jeffrey Veen ( New Riders )
6. general web tutorials + reference i started a lot of my learning about web design on webmonkey there are daily articles posted here on current topics, but then pages like these can remind you of the basics and keep you moving forward webmonkey http://www.webmonkey.com/ webmonkey cheat sheets http://www.webmonkey.com/cheat-sheets/ webmonkey code snippets http://www.webmonkey.com/code-snippets/ webmonkey tutorials http://www.webmonkey.com/tutorials/
7. web + visual design resources here are a few more online resources for you SMASHING Magazine http://www.smashingmagazine.com/ W3Schools http://www.w3schools.com/ Web Designer Depot http://www.webdesignerdepot.com/ CSS-Tricks http://css-tricks.com/
8. design community sites sometimes a little visual research can help you understand certain design patterns and visual ideas for your own designs Behance Network http://www.behance.net/ Coroflot http://www.coroflot.com/ Dribbble http://dribbble.com/ Forrst http://forrst.com/
9. user experience sites the topics on these sites go a bit beyond an ‘intro’ but will give you more important topics and research to help you design Boxes and Arrows http://boxesandarrows.com/ UX Matters http://www.uxmatters.com/ Adaptive Path http://adaptivepath.com/ UX Magazine http://uxmag.com
10. local design + ux events if you’re really inspired to further pursue web or experience design, these events are a wonderful way to start to network and learn about current topics Refresh Boston http://refreshboston.org/ UPA Boston http://upaboston.org/ IxDA ( Interaction Design Association ) http://www.ixda.org/ http://www.ixda.org/local/boston-ixda
11. thank you