Rattibha

Kingsley Ubah

13 Tweets 7 reads Jun 29, 2021

Twitter

10 Amazing CSS Tools for Front-end Developers
A thread 🧵

1. Specificity Visualizer
A visual way to analyze the specificity of selectors in CSS
github.com

2. Transition CSS
Drop-in CSS transitions
github.com

3. MoreToggles
A pure CSS library that provides you with a variety of elegant toggles
github.com

4. CSS Scan
Get the CSS of any element in a website by simply hovering over it
cssscanpro.com

5. Optimizt
CLI image optimization tool
github.com

6. Shape Divider
Generate HTML, CSS and SVG code for different kinds of dividers (waves, arrows, curves)
shapedivider.app

7. Charts CSS
Open-source CSS framework for data visualization
github.com

8. Resetter CSS
A futuristic alternative to normalize CSS and CSS Resets
github.com

9. Parsel
A tiny, permissive CSS selector parser
github.com

10. Halfmoon
Front-End Frameworks with a built-in dark mode and full customizability using CSS variables.
github.com

Are you learning how to build websites with HTML, CSS and JavaScript?
If so, this book is for you
gumroad.com

If you're learning web development, consider following me @UbahTheBuilder for more content.
Share to your friends too 💙

Loading suggestions...