Howdy, Welcome to My Blog
Written by Tony Lea - 2 minute read
Have you ever been inside of terminal and said to yourself, "I wish I could play a quick game of Pong." Yeah, me either, but if that ever comes up, here are 5 cool games that you can install with NPM and play directly in your terminal. 1. P...
Written by Tony Lea - 2 minute read
I've been getting good at designing and painting elements on the page using TailwindCSS. I decided to use a flat laptop image 🖼️ and design it with TailwindCSS. It was actually pretty simple after I figured out the best way to trace elements. Let me ...
Written by Tony Lea - 3 minute read
Tailwind provides some simple animations out of the box. If you're not familiar with these animations, be sure to check out my post on TailwindCSS Animations here. These simple animations are pretty cool; however, we may want to add some custom anima...
Written by Tony Lea - 3 minute read
It's 2021, and it's time for a change. Bootstrap has held its reign as the top CSS framework for quite some time; however, that's all about to change. TailwindCSS is the cat's pajamas, it's the bee's knees, it's the coolest thing since peanut butter ...
Written by Tony Lea - 3 minute read
This is more of a story than a tutorial. It's a story of a library that reached great fame and then became hated by developers everywhere. If you can't tell by the tone, this is also a semi-sarcastic light-hearted post. Let me take you back in time. ...
Written by Tony Lea - 9 minute read
AlpineJS is a new javascript library/framework that focuses on simple javascript interactivity, and it does it really well. If you're looking for a JS framework with routing, state management, and a bit more complexity. Well then, Vue or React may be...
Written by Tony Lea - 3 minute read
TailwindCSS gives us the ability to create some really cool designs. It also gives us the power to create some cool elements on our page, such as browser mockups. You'll learn how to create multiple browser mockups in this quick tutorial in TailwindC...
Written by Tony Lea - 8 minute read
In this tutorial, I'll show you how to use AlpineJS to create a simple typing effect. You can take a look at a quick example of what we'll be creating in the Codepen below: {% codepen https://codepen.io/devdojo/pen/vYXyzwd %} This can easily be accom...
Written by Tony Lea - 1 minute read
When using a javascript framework, you will most likely need a way to hide elements until they are fully rendered. This will reduce any flickering and it will create a better user experience. With AlpineJS we can use the x-cloak attribute to hide ele...
Written by Tony Lea - 4 minute read
Recently, I started using the space utility classes in Tailwind, which gives you the ability to create equal space between elements. When I first started using Tailwind, I found myself reaching for mx-5, my-3, ml-2, and all the other awesome margin u...