Blog
Insights, tutorials, and thoughts on web development and technology.
Understanding TailwindCSS Container
If you have used CSS frameworks, you must have used the container class, TailwindCSS does also have a container utility class but it certainly differs a bit from other frameworks. In this article,...
Vertically Align Item Middle of screen in TailwindCSS
In TailwindCSS you can make use of flexbox to align items right in the middle of the screen by using the following properties flex : changes the div to a flex box container. justify-center : Align...
How to create custom CSS Animations in TailwindCSS
TailwindCSS is a popular utility-first CSS framework, which makes it easier to design your websites. In this article, I will cover how we can create custom utility classes to provide animations to the...
How to Mock Objects in PHPUnit / PEST tests in Laravel
I always dreaded learning about Mocking in testing assuming it would be something too complex, and I never really had the requirement of using Mocking in my Laravel tests. But now since I have a ba...
Building a responsive navigation using TailwindCSS and AlpineJS
In this article let's build a responsive Navbar using TailwindCSS and AlpineJS. We will use TailwindCSS for the styling and we will sprinkle the javascript behaviour of the navbar using AlpineJS. 1....
Stretch height of flex items when vertically centered TailwindCSS
I have been recently working with some TailwindCSS Components, and while working on a navigation component, I ran into a problem wherein the items of flex items would not stretch to the full height of...
Fix styling and formatting of Blade files using Github Actions and Blade Formatter
Introduction Since we are looking into the foundations of working in a team, which also includes defining a set of rules for formatting files. In the previous article, we discussed Fixing the st...
Update MySQL JSON column fields in Laravel
If you have a JSON column in your migrations, and you are looking to update the value of one of its fields. Here is how you can do it $booking->update([ 'stripePayment->paymentStatus...