Design

Open source browser tools for everyday use - Triangle generator - Color shades generator - Curved page dividers - SVG compressor - SVG → JSX - Base64 encoding - Fake data generator - Symbols collection - Lorem ipsum

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.

by Tess Gadd | UX Collective

Making choices never was more satisfying. A detailed look at checkboxes, radio buttons, and toggles design. By Taras Bakusevych | Jun, 2020 | UX Collective

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

Build bulletproof UI components faster – Storybook is an open source tool for developing UI components in isolation for React, Vue, Angular, and more.

Designers and statisticians disagree on what makes a good information graphic

… 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

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

Tiny minimal 1px icon set by Anja van Staden with more than a thousand icons → https://github.com/teenyicons/teenyicons.com

RT @shadeed9: I wrote "look & feel" since I don't look for pixel perfection. It's not relevant today. Here is why:

550+ Highly customizable free SVG icons (MIT licence) https://github.com/tabler/tabler-icons

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

by Cristian Bosch | Jun, 2020 | UX Collective