What a gem! Product Design Methods In A Mind Map (https://t.co/Qb6WCeqkE2), kindly put together by @Mei_big_eyes. Full overviewhttps://t.co/Qb6WCeqkE2Mindmap as a Miro templatehttps://t.co/wOT1JH2mNK#design #ux pic.twitter.com/SFP3xBGIib— Vitaly Friedman 🇺🇦🏳️‍🌈 (@vitalyf) November 2, 2022

smallHi I'm Susie. I hope you enjoy this sampling of work across art, data visualization, and design. Say hello on Twitter :)/small

It’s true that design systems serving products that then grow the system is a virtuous cycle. But how does a team start the cycle? It's a classic chicken/egg problem. Is one place better to start than the other? pic.twitter.com/6CwPs81t8p— Dan Mall (@danmall) December 3, 2021

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

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

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