Tutorials, rants, & ramblings about web development.
-
@tailwindcss/forms tutorial: effortlessly style your forms
When building web applications, the styling of forms often proves to be a challenge. With the vast range of input types and variations, creating a consistent look can be tedious. Thankfully, the creators of TailwindCSS introduced @tailwindcss/forms – a plugin specifically designed to give a head-start in form styling. In this @tailwindcss/forms tutorial, we will…
-
Tailwind CSS plugins: The ultimate list!
If you’re already familiar with Tailwind CSS you have to check out all the cool Tailwind CSS plugins in this list. Tailwind CSS has rapidly gained traction as a utility-first CSS framework that enables developers to craft custom designs without leaving their HTML files. Its core philosophy is to provide utility classes to facilitate rapid…
-
Low highlight css text effect with vanilla css
This is a really simple tutorial on how to create a low highlight css text effect with vanilla css. The trick here is to use the background-image css property rather than a background-color. First, let’s assume we have an h1 tag. We need to wrap each word or group of words that we want to…
-
Using Tailwind CSS in WordPress blocks
In my previous post, I stated that I have a reignited love for Tailwind CSS. I felt this way after using “normal” CSS again while developing custom blocks in WordPress. It was a frustrating experience which made me realise; I friggin love Tailwind CSS. In this post, I’m going to show you one possible method…
-
Tailwind CSS: my love has been reignited ❤️
I have to admit, I hated Tailwind CSS at first. I’m pretty sure that my hatred for it lost me one of the contracting jobs I was gunning for. “Do you really want to use Tailwind CSS? Because I hate it with a passion. You may as well just use inline styles!”. Needless to say…
-
Recursion explained in React JS (with example)
First of all, let’s ask ourselves the most obvious question what is recursion? What is recursion? To put it simply, a recursive function is a function that calls itself. That’s it. Literally, it’s that simple. But then the question may be, why would we even want a function that calls itself? Or.. What’s the point…
-
React devs – calm down. The world isn’t ending.
Next JS app directory The vocal minority are losing their heads again. And they’re as loud as ever. Guys, just because server components are a thing now, and we have a shiny new directory (the app directory) we can use in Next JS, it doesn’t automatically mean that the pages directory is now redundant. The…