The Making of the Rio 2016 Olympic Logo

HTML5 Canvas Studio Sketchpad

Studio Sketchpad

This is a showcase of what you can do with HTML5′s Canvas using the JavaScript library Processing.js. There are many examples of abstract patterns for you to view.

Sneakpeekit | Sketch sheets for Web Designers

Sneakpeekit

“Sketch sheets for web designers.”

Responsive Email Design

Responsive Email Design

“Because if your audience does do one activity with their smart phone, it’s probably to check their mail.”

HTML Email Boilerplate

A starting place: HTML Email Boilerplate

Download

Brand New Highlights

 

Highlights via Pinterest for Under Consideration’s Brand New blog

What does the Mac option key symbol represent?

 

What does the Mac option key symbol represent?

The Slow Web

The Slow Web. Timely not real-time. Rhythm not random. Moderation not excess. Knowledge not information.

The Slow Web

Fluid UI – iPhone & Android Mobile Mockups

 

Fluid UI – Over 1000 Mobile UI elements available

Creates mobile demos that are touch aware

Interesting full screen navigation

Interesting full screen navigation from Joint

Designing the Dreaded Form: Getting Creative

Creative Web Form Ideas

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

 

Curtain.js

“A curtain effect within a page. You know if you’ve gotten bored with that parallax thing.”

ZURB – Interaction Design and Design Strategy

 

Responsive Tables

“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

WordPress Meet Responsive Design

Subtle Patterns

Subtle Patterns

“Nice subtle backgrounds for your next web project”

NounProject

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.”

HTML5 element flowchart

 

HTML5 element flowchart

Trying to decide which HTML5 elment to use?