design
CSS Box Model Demo from IDL
Hey Interactive Designers: Do you want to get a better understanding of the CSS box model? The CSS box model allows you to place a border around HTML elements and space elements in relation to other elements, with the box consisting of: margins, borders, padding, and the actual content. The Interactive Design program at Capilano University has launched an interactive CSS Box Model Demo Tool for you to tinker with. Enjoy!
26 Awesome Examples of Responsive Web Design
Noupe showcases some beautiful design, with superb responsive solutions:
Don’t Reinvent the Wheel
Web app veterans Freshbooks debrief over the evolution of the user experience design of their mobile app:
10 Timeframes
Paul Ford gives the closing keynote speech at the 2012 MFA Interaction Design Festival -
Am I thinking about my own clock, or the user’s?
Interactive Design Students Design Fonts

Dark Patterns
The Dark Patterns Library has relaunched! Refresh your brain on these insidious design strategies:
Helvetica Has Cousins
Love midcentury sans-serifs but growing tired of all the Helvetica everywhere? Designmodo offers a handful of cool and classic typefaces to check out:
Almost Flat Design
Matthew Moore Design writes on a response to “flat design” (think Windows 8) that they feel provides a better user experience:
our groups
resources
SitePoint
- Introducing the new HTML5 template Tag
- Crowdfunding a CSS Animation course – an experiment
- Learn JavaScript Online
Six Revisions
- Winners of Interactive HTML5 World Maps from Simplemaps.com
- The Winners of Premium WordPress Themes from TemplateMonster
- Winners of 5-Year Subscriptions to TeamLab




















