Create an animated 3D book in CSS, step by step
Design
Criteria for good data visualization, according to design and statistics
Designers and statisticians disagree on what makes a good information graphic
new.css
… a classless CSS framework to write modern websites using only HTML. It's ~4.5kb GitHub → https://github.com/xz/new.css
3D Book Image CSS Generator
Creating a Pencil Effect in SVG
Beautiful Examples of Login Forms for Websites and Apps
18+ CSS book effect
Latest Collection of free HTML and CSS book effect code examples: 3d, animation, flip, layout, etc.
Self-hosted Design and Project Management Solutions
- Presentator.io - Sketch Measure - UserTrack - UX lens
Dashboard UI: 14 Best Practices for Designers, Developers & Product Owners
Modern CSS Techniques To Improve Legibility
[…] how we can improve websites legibility using some modern CSS techniques, great new technologies like variable fonts and putting into practise what we learned from doing scientific researches.
a11y
Teenyicons
Tiny minimal 1px icon set by Anja van Staden with more than a thousand icons → https://github.com/teenyicons/teenyicons.com
The State Of Pixel Perfection
RT @shadeed9: I wrote "look & feel" since I don't look for pixel perfection. It's not relevant today. Here is why:
Tabler Icons
550+ Highly customizable free SVG icons (MIT licence) https://github.com/tabler/tabler-icons
Accessibility
[…] I mean, I get it: you’re literally leaving money on the table if you turn people away. But that’s not the reason to ensure your website is accessible. The reason to ensure that your website is accessible is that it’s the right thing to do. […]
Introducing Storybook Args. Next-gen, dynamic component examples | by Michael Shilman | Storybook | Jul, 2020 | Medium
10 interaction design rules you must never break
by Cristian Bosch | Jun, 2020 | UX Collective
The design systems we swim in
Through a design system, darkly
The design systems between us
Which UI design tool should I use in 2020?
Decoding Google’s secret UX weapon - UX Collective
Accessible to some - Manuel Matuzović
Spectrum for Adobe XD: Adobe’s Design Language in its Experience Design Tool
Design and Anatomy of a Push Notification 2020
Redesigning Blatantly Racist Brands is Not Enough
10 great design systems and how to learn (and steal) from them
10 Ways to Improve Dropdowns in UI & UX Design
If appropriately used, dropdowns don’t have to be awful.
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
Fluent Design System
Fluent brings the fundamentals of principled design, innovation in technology, and customer needs together as one. It’s a collective approach to creating simplicity and coherence through a shared, open design system across platforms.