Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introduction to Web Design — Week 3.5, Rescue

3d5dda7ecc1c799fece531917480d677?s=47 lou suSi
December 31, 2012

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.


lou suSi

December 31, 2012


  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