Design

Forecast font downloadable iconfont to create multilayered weather icons. Created using Iconvau.lt

… a free Photoshop resource that makes it easier for you to make icons. Edit a single object and it’ll automatically render out all the various sizes required on iOS & Android. Build in textures and colors make it easy to get started and the bundled actions make exporting a breeze.

Curated Videos for Web Designers

Add Vector Icons to Your Website. Create your icon fonts in seconds. Make your website faster. Over 9,000 icons available. Import your own vectors

… web conferences on your desktop → OUT OF BUSINESS

by Brad Frost, Smashing Conference 2012

Die Zehn Thesen für gutes Design von Dieter Rams.

calc() is a native CSS way to do simple math right in CSS as a replacement for any length value (or pretty much any number value). It has four simple math operators: add (+), subtract (-), multiply (*), and divide (/). Being able to do math in code is nice and a welcome addition to a language that is fairly number heavy.

«[…] Atomic design provides a clear methodology for crafting design systems. Clients and team members are able to better appreciate the concept of design systems by actually seeing the steps laid out in front of them. […]»

… a brand new open source CSS library designed to help developers build web apps with an emphasis on speed. It evolved from the Adobe design language developed for Brackets, Edge Reflow, and feedback from the PhoneGap app developer community. → http://topcoat.io/posts/introducing-topcoat/

[User interface icons and Illustrations] In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.

[Product icons and logo lockups] In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.

A collection of awesome six second transitions and animations.

… lets you upload your design, share a short URL, and get live, annotated feedback super-fast. It remembers you— there's no logging in, no project management, no bullshit.

«In this guide I’ll describe the deliverables you’ll be expected to produce, outline the constraints of the medium and introduce fundamental iOS and UI design concepts.»

… for Offscreen Magazine by Adam Whitcroft

LukeW Ideation + Design provides resources for mobile and Web product design and strategy including presentations, workshops, articles, books and more on usability, interaction design and visual design.

One of the biggest flubs that product teams make is confusing designs that look great with designs that actually work well. It’s a simple mistake, but it can have grave consequences: If your product…

Truly animated icon pack with power of scalable vector graphic for clean and perfect look at any devices.

An iPhone App Wireframing Kit — A bunch of Photoshop shape layers to make wireframing your next iPhone app just a little easier.

Royalty free & free of charge

Easy collaboration on creative projects

If you have a smartphone, a tablet or a regular computer, chances are you have used an app at some point. We can’t get enough of them. They make life easier and quicker. Apps help you remember things, help you find and see things and just all around help you be an awesome(r) person. There’s […]

The ultimate CSS tools for web designers … · Gradient Generator · Border Radius · Noise Texture · Box Shadow

Latest from “Europe” in The Wall Street Journal

Learn how we adapted our design process workflow to include more prototyping, better design conversation, and new types of deliverables.