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!

IDL CSS Box Model Demo

 

Posted by admin / 04.10.13
3 vote(s)   1 Star2 Stars3 Stars4 Stars5 Stars
Loading ... Loading ...

26 Awesome Examples of Responsive Web Design

Noupe showcases some beautiful design, with superb responsive solutions:

Let It Flow

Posted by admin / 03.18.13
1 vote(s)   1 Star2 Stars3 Stars4 Stars5 Stars
Loading ... Loading ...

Don’t Reinvent the Wheel

Web app veterans Freshbooks debrief over the evolution of the user experience design of their mobile app:

Design Mistakes We Made in Our iPhone App

Posted by admin / 03.12.13
No Ratings Yet   1 Star2 Stars3 Stars4 Stars5 Stars
Loading ... Loading ...

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?

10 Timeframes

Posted by admin / 03.7.13
No Ratings Yet   1 Star2 Stars3 Stars4 Stars5 Stars
Loading ... Loading ...

Interactive Design Students Design Fonts

Again this year the first year students designed typefaces using the online type design tool Fontstruct.
This is a screenshot of Nathan Marshall’s font design Nordic Sans.
type_roll-01-2013

› Continue reading

Posted by jackie / 02.21.13
2 vote(s)   1 Star2 Stars3 Stars4 Stars5 Stars
Loading ... Loading ...

Dark Patterns

The Dark Patterns Library has relaunched! Refresh your brain on these insidious design strategies:

Dark Patterns – User Interfaces Designed to Trick People

Posted by admin / 02.14.13
3 vote(s)   1 Star2 Stars3 Stars4 Stars5 Stars
Loading ... Loading ...

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:

Six Great Alternatives to Helvetica

Posted by admin / 01.25.13
2 vote(s)   1 Star2 Stars3 Stars4 Stars5 Stars
Loading ... Loading ...

Almost Flat Design

Matthew Moore Design writes on a response to “flat design” (think Windows 8) that they feel provides a better user experience:

Almost Flat Design

Posted by admin / 01.25.13
2 vote(s)   1 Star2 Stars3 Stars4 Stars5 Stars
Loading ... Loading ...

Joel Tougas Infographic

Joel Tougas Infographic

Posted by jtougas13 / 01.22.13
2 vote(s)   1 Star2 Stars3 Stars4 Stars5 Stars
Loading ... Loading ...

A Typographical Shakeup

Kas Thomas dispenses with a long-cherished design axiom in:

The Serif Readability Myth

 

Posted by admin / 01.19.13
1 vote(s)   1 Star2 Stars3 Stars4 Stars5 Stars
Loading ... Loading ...