Slide 1

Slide 1 text

introduction to WEB DESIGN brookline adult and community education SPRING 2012 taught by lou suSi

Slide 2

Slide 2 text

a list of online web design resources [: just in case :] week 3.5 rescue no drowning on me, okay?

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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 )

Slide 6

Slide 6 text

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/

Slide 7

Slide 7 text

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/

Slide 8

Slide 8 text

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/

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

thank you