Search for a command to run...
Articles tagged with #tailwind-css
Yesterday we made our very first new tab browser extension. However, it was solely powered by plain CSS. This can become super hard to maintain over time, so let's see if we can automate much of it by introducing Tailwind CSS. The main benefit of add...
Now that we added some markdown files to our Remix website, we saw the issue of the actual content not rendering the headings. This is because Tailwind doesn't really know what to render this as. Thus, we can use the Tailwind Typography plugin to hel...
In this article, we'll look at how powerful Tailwind can be. Not only do we create a super cool animated effect, but we also use only Tailwind classes for this. We'll create this wavy underline effect, and it even animates once we hover it. You can s...
Did you know there is a CSS property to adjust how numeric values are displayed? It's called the font-variant-number property, and it is used to distinguish how a particular font should render specific numeric values. Tailwind CSS has this support bu...
When I was working on redesigning this blog, I created this slick-looking header effect. I'll explain how to re-create this effect in a bit, and then we'll dive into a problem that almost had me remove the effect. How to create the text background e...
Did you know that you can apply a drop-shadow to PNG images? This drop shadow will follow the outline of the image! In this article, I'll show you how to achieve this drop shadow effect in Tailwind CSS. In the above image, you can see the default PN...
