Bell Centennial ⓦ
Design
The UX of LEGO Interface Panels – George Cave
VisualSitemaps | Autogenerate Beautiful Sitemaps & Screenshots
Automatically generate beautiful visual sitemaps + high-resolution screenshots of any public or private website, making it fast and easy to perform in-depth site audits for UI, UX, SEO, and marketing research.
UI cheat sheet: radio buttons, checkboxes, and other selectors
by Tess Gadd | UX Collective
Selection controls — UI component series
Making choices never was more satisfying. A detailed look at checkboxes, radio buttons, and toggles design. By Taras Bakusevych | Jun, 2020 | UX Collective
Text for Proofing Fonts
How to Enhance Your Website Layouts With SVG Shapes
A designer's guide to creating effective dashboards
Bonsai CSS
A Utility Complete CSS Framework for less than 45kb (8kb Gzipped)
Useful Sections for a Design System Reference Site
Storybook: UI component explorer for frontend developers
Build bulletproof UI components faster – Storybook is an open source tool for developing UI components in isolation for React, Vue, Angular, and more.
Create an animated 3D book in CSS, step by step
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.
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