«[…] 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.

Responsive Layouts for Email

Kin HR software helps small and medium-sized businesses organize their workplace.

… a small CSS file that provides better cross-browser consistency in the default styling of HTML elements. It’s a modern, HTML5-ready, alternative to the traditional CSS reset.

David Bushell – Freelance Web Design (UK)

Let's try to reflect on today’s trends in web design and look a bit ahead. Today, design is developing by leaps and bounds, and changes in styles are happening almost daily.

Responsive Web design has been evolving rapidly ever since Ethan Marcotte coined the term two years ago. Since then, techniques have emerged, become best practices and formed part of our ever-changing methodology. A few obvious examples are the multitude of responsive image techniques, conditional loading, and responsive design and server-side components (RESS), among many other existing and emerging strands stemming from the core concept of responsive Web design.

Dreaming Everyday About Design

In our last post we announced Octicons, our new icon font. We put a lot of work into the font and gained a lot of knowledge in the process. With five different designers working to