Beautiful Examples of Login Forms for Websites and Apps
Design
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.
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
The Truth About Multiple H1 Tags in the HTML5 Era
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.
10 Design Systems You Must Know in 2020
The Complete Practical Guide To Logos And Logo Design In 2020
Special Characters (Alfred Workflow)
Many special characters needed for good typography are hard to find, some are not even available on the keyboard at all. This workflow gives you access to these characters and pastes them right into your current application.
→ https://github.com/typefacts/alfred-special-characters
Designing the New Office App for Mobile
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. Open ecosystem, open design system.