HTML Email Boilerplate
A starting place: HTML Email Boilerplate
The Slow Web
The Slow Web. Timely not real-time. Rhythm not random. Moderation not excess. Knowledge not information.
Fluid UI – iPhone & Android Mobile Mockups
Fluid UI – Over 1000 Mobile UI elements available
Creates mobile demos that are touch aware
Design Process In The Responsive Age
Design Process In The Responsive Age
“A proposal for a responsive design workflow. The premise is to prototype the small screen version (including actual copy!) first, then give that to the designer to create the desktop version.”
Experimental Page Layout Inspired by Flipboard
Experimental Page Layout Inspired by Flipboard
“Wondering if we will ever cease turning screens into books…”
Curtain Effect within a page
“A curtain effect within a page. You know if you’ve gotten bored with that parallax thing.”
ZURB – Interaction Design and Design Strategy
“Zurb creates scrollable DIVs that lock the left-most column in place.“
WordPress Meet Responsive Design
When designing responsively, it makes everything you do “interaction design” which is a new concept to some designers
NounProject
“This is AMAZING! The Noun Project is a crowd-sourced collection of icons that can be downloaded as SVG files, so you could make your own icon font.”
The design of a signage typeface
The design of a signage typeface
“The design process itself was also very different to that of designing a typeface for print. Usually a type designer first sketches out the outlines of certain letters. But naturally, this focuses on the final design and its stylistic details. However, these very details will be the first to disappear when the text is read from a distance. What matters here is the skeleton of the letterforms.”
CreateJS
CreateJS: A suite of Javascript libraries and tools designed for working with HTML5
Includes:
- Library for working with the HTML5 Canvas
- Tweening and animating HTML5 and Javascript properties
- Provides an API working with audio
- Manage and co-ordinate the loading of assets
- Stand alone tool for exporting SWF animations as EaselJS sprite sheets that can be used in Canvas and CSS
Making the Transition from Development to Design
Making the Transition from Development to Design
“Designers who understand and can work with code are becoming the prototype. Your transition is not going to happen overnight and a lot of your thinking will need to bend. However, I think you will be surprised by how much of your thinking will not.”
- Don’t stop building things
- Learn design in order of dependency
- Design everything you do
- Care about your audience
- Talk about design and listen even more
- Learn from the time-tested—and emulate it
Information Surfacing: Communicating through Design
Information Surfacing: Communicating through Design
“Conceptual models are nothing new, but often become unintentionally obfuscated during the design processes. “
