CSS-Tricks·4yThe 60 Hottest Front-end Tools of 2021 | CSS-Tricks
The Web Tools Weekly newsletter archives have been compiled into a list of the 60 most popular front-end tools of the past year. I’m sure there are at least one or two listed here that you can start using in your projects today. Some of these tools are super-practical, while others probably only made this list due to curiosity.
Product Hunt·4yGame Of Codes - fantasy maps - If React, Vue, Angular, Bootstrap or Tailwind were Countries
Using real data, such as NPM downloads, stars on GitHub, or website traffic, I visualized technologies as countries. The methodology is described in detail for two separate maps for: Front-end Frameworks and CSS libraries. Backend & more are COMING SOON!
gitconnected·4yTop 10 Features Introduced In Tailwind CSS v3.0
Tailwind CSS v3.0 has been released on December 9, 2021. Play CDN allows including Tailwind CSS in your projects without downloading the complete package via NPM or Yarn. Colored box shadows allow adding glow, reflection effects, and more natural shadows on the colored backgrounds.
Towards Dev·4yAnimated Sidebar using React and Tailwind CSS
This tutorial features React Hooks, useState, which is always great to implement in a tutorial. I highly recommend anyone who is getting started building apps to follow along in this tutorial. In summary, this video implements an animated side bar using tailwind css in a React app. In the implementation, we use React HookS and buttons elements to toggle the animation.