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

Flat Icons & Icon Fonts for Media Queries

Flat Icons & Icon Fonts

The Best Browser is the One You Have with You

The Best Browser is the One You Have with You

The Best Browser is the One You Have with You

Direction-Aware Hover with CSS3 and jQuery

 

Direction-Aware Hover with CSS3 and jQuery

99% Invisible – The Arsenal of Exclusion in City Planning

99% Invisible – The Arsenal of Exclusion in City Planning

Cities are great. They have movement, activity and diversity. But go to any city and it’s pretty clear, a place can be diverse without really being integrated. This segregation isn’t accidental. There are design elements in the urban landscape, that Daniel D’Oca calls “weapons,” that are used by “architects, planners, policy-makers, developers, real estate brokers, community activists, neighborhood associations, and individuals to wage the ongoing war between integration and segregation.”

Slideshow with jmpress.js

Slideshow with jmpress.js

“A presentation framework based on the power of CSS3 transforms and transitions”

Responsive Navigation Patterns

Responsive Navigation Patterns

“A few ways to move your content blocks around the page.”

TypeButter Optical Kerning

 

TypeButter Optical Kerning

A type kerning library for jQuery

7 HTML5 Facts & Myths

7 HTML5 Facts & Myths

Designers should care about HTML5, but mastering it should be driven by a love of the principles it was based on and not an ideal of fame and riches.

Responsive Web Design: Missing the Point

Responsive Web Design: Missing the Point?

Camera jQuery Slideshow

Camera jQuery Slideshow: Allows touch swiping

Camera | a free jQuery slideshow

Code a Responsive Navigation Menu | Design Shack

Code a Responsive Navigation Menu

After absolute positioned or animated elements, menus are often the most difficult to make responsive (in CSS).

jQuery Scroll Path

jQuery Scroll Path: Use to define custom scroll paths. Parallax scroll, except without the parallax effect.

jQuery Scroll Path

IE8 is the New IE6

IE8 is the New IE6: IE8 has around 16% market share worldwide and over 18% in USA

IE8 is the New IE6

Create Instagram Filters With PHP

Create Instagram Filters With PHP and ImagMagick

Student Spotlight: Calle – The Dieline: The World’s #1 Package Design Website -

 

Student Spotlight: Calle – The Dieline.

“Calle, in Spanish, means “Street.” This brand of slip-on street soccer shoes is the first of its kind. My goal for the redesign of this brands packaging was to capture its unique feel as a sleek street shoe, while still incorporating the power and precision of soccer.

At times of change

At times of change, the learners are the ones who will inherit the world, while the knowers will be beautifully prepared for a world which no longer exists.
—Alistair Smith

FPO: Ray Toh’s IdeaBook

FPO: Ray Toh’s IdeaBook

An update of the Moleskin