fromJulia Evans
2 weeks agoWeb development
Moving away from Tailwind, and learning to structure my CSS
Tailwind’s structured systems and reset styles can be imitated to build semantic HTML with maintainable vanilla CSS and avoid CSS chaos.
Here's a really quick tip. You can think of Tailwind utilities as components - because you can literally make a card "component" out of Tailwind utilities. @utility card { border: 1px solid black; padding: 1rlh; } This blurs the line between "Components" and "Utilities" so we need to better define those terms. The Great Divide - and The Great Unification
Tailwind-jQuery Modal is a lightweight jQuery modal plugin that creates responsive, modern, customizable modal dialogs for web apps styled with the Tailwind CSS framework. It combines the utility-first approach of Tailwind CSS with jQuery's DOM manipulation capabilities to provide smooth anf flexible modal experiences across different devices. Features: Multiple Modal Types: Support for standard dialogs, slide panels, and image/video modals. Animation Framework: CSS3-powered transitions with customizable timing and effects. Media Modal Support: Built-in image zoom and YouTube video embedding capabilities.
If you've worked with Tailwind CSS, chances are you've used daisyUI. As one of the most popular Tailwind component libraries, it's valued for its sensible defaults, wide component set, and flexibility that feels native to Tailwind. Now, with the release of Tailwind CSS 4, the ecosystem is evolving - and daisyUI is keeping pace. Version 5 is more than an update: it's a complete rewrite built to be smaller, faster, and more customizable.