Even though I spend most of my professional career as a software developer, I do have interest in web design. I have also done some design work for clients and Flexnode's own sites. Since I couldn't get someone else to present at Webcamp KK so I decided to try it myself. Here are the slides and a ton of useful links for web design. I'm glad I decided to do this because of the sheer amount of things I've learned in the process. Hopefully, you'll find something useful here.

You can also download the pdf version of the slides.

Links and Resources

CSS / Layouts

• Bootstrap from Twitter
• Blueprint CSS
• Golden Grid System
• Simplebits.com - Awesome Fluid Layout

Typography/Fonts

• Google Fonts
• Typekit
• Smashing Magazine Typography guide
• FontsInUse
• Lettering.js
• FitText
• HTML ipsum
• Elysium Burns
• A List Apart
• CreativeMornings

Whitespace

• Whitespace - A List Apart
• Whitespace and Simplicity : An Overview - Smashing Magazine
• I Love Typography

Colors

• ColourLovers.com
• Color Wheel
• Color Theory- Color Matters
• Color Theory for Designers - Smashing Magazine
• Hershey's Website

Graphics

• Make Faces - tap tap tap
• Florida Flourish
• Highrise - 37signals
• Famfamfam Icon Packs
• iStockPhoto

Information Software Design

• Magic Ink - Bret Victor
• Showtimes.my

User Experience (UX)

• What is User Experience Design? - Smashing Magazine
• 10 Most common misconception about User Experience Design - Mashable
• User Experience Design - Peter Morville
• UX Myths
• Why User Experience cannot be designed? - Smashing Magazine
• Behind the Scenes : A/B Testing - 37Signals
• 15 examples of addictive user experience - Design Shack
• Smiley goes public - 37signals
• Balsamiq Mockups
• Optimizely
• KISSMetrics
• Usabilla
• Flipboard
• Panic

Others

• iCloud logo infused with Golden Ratio
• Behance
• Swiss Miss
• Alertbox - Current issue in web usability
• Make Awesome Web
• 35 High Quality PSD UI Web Design Elements
• Responsive Web Design Techniques - Smashing Magazine
• Form Design - Seth Godin