Learn about how to write defensive CSS.

A Utility Complete CSS Framework for less than 45kb (8kb Gzipped)

… a classless CSS framework to write modern websites using only HTML. It's ~4.5kb GitHub → https://github.com/xz/new.css

Latest Collection of free HTML and CSS book effect code examples: 3d, animation, flip, layout, etc.

- Presentator.io - Sketch Measure - UserTrack - UX lens

Historical Newspapers from 1700s-2000s

Client photo gallery for modern photographers

Instantly annotate and measure your design documents right from Adobe Photoshop, Illustrator and Fireworks. Now available in Creative Cloud.

… a Photoshop® plug-in that slices and exports your PSD document to individual PNG & JPG assets, and allows you to generate matching design specifications with concise information on dimensions, margins, font features etc.

A Professional Responsive WordPress Portfolio Theme | ThemeZilla

Lurid Lettering Some spooky designs that have oozed across my screen today.

“the designer’s toolbox”

… tips, tricks, examples and tutorials. Updated regularly.

(Pay what you want)

Here is represent a fresh collection of different, remarkable mobile app interfaces that comprise elegant and nifty side menus with amazing and realistic flip animation.

Curated Videos for Web Designers

… web conferences on your desktop → OUT OF BUSINESS

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/

… 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.»

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.