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.
View more presentations from TS Lim
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
- 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