🖥️ A collection of useful resources
- 📝 Documentation
- 🎨 Design & CSS
Bad practices- 🚸 Accessibility
- 🤡 Usability
- 📰 Articles
- 🛠️ Tools
- 🎲 Random
- readme.so The easiest way to create a readme
- gitmoji.dev An emoji guide for your commit messages
- How to document components | Storybook
- ascii-emoji Dysfunctional emojis
- commitlint
- Houdini.how - CSS worklets
- Design Research
- UI Control Guidelines
- Designercize Random design exercise generator
- Service Design Tools
- 10 best design systems
- Browser-specific CSS rules
- HUDs & GUIs
- Transition.style - CSS code for transitions
- web.dev Layout Patterns - A collection of layout patterns built using modern CSS APIs that will help you build common interfaces such as cards, dynamic grid areas, and full-page layouts.
- 1-line layouts
- CSS Layout Generator
- Type Scale Clamp Generator
- TypeScale A visual calulcator (for type sizes)
- HTMLell HTML markup from hell
- Accessible front-end components: claims vs. reality
- Inclusive design 2021 YouTube video series
- Little book of accessibility
- Accessible color palettes - Create color systems with consistent lightness and contrast
- What I learned reading 550+ books for work and life
- Designing Accordions: Best practices
- One last time: Custom radios & checkboxes
- Chrome DevTool tips
- Unicode Arrows
- Hasty - Test JavaScript performance
- SVG Repo - So many SVG icons
- All the tools - All the tools
- Headless UI - Ready-made accessible components without styling
- Glassmorphism generator
- Favicon generator
- Lorem Faces AI generated faces
- HTML boilerplate - Good one!
- Polka Dots
- Lorem space - Category-based placeholder images
- Couleur.io - Create harmonizing color palettes
- Emojimix - Mix two emojis together (and download SVG)
- Penguin Classics cover generator
- Coding font tournament - Code font picker game
- JS is weird
- Jokes for your README