Tony Lea

Howdy, Welcome to My Blog

January 15, 2021

Tracing Objects in TailwindCSS

Written by Tony Lea - 1 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 ...

January 13, 2021

Custom Animations in TailwindCSS

Written by Tony Lea - 2 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...

January 7, 2021

5 reasons to start using TailwindCSS

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 ...

January 3, 2021

It's ok jQuery, I still love you

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. ...

January 1, 2021

AlpineJS for Beginners

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...

December 26, 2020

Creating Browser Mockups in TailwindCSS

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...

December 11, 2020

Create a Typing Effect in AlpineJS

Written by Tony Lea - 7 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 %} This can easily be accom...

December 2, 2020

Hide AlpineJS Components with x-cloak

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...

November 29, 2020

TailwindCSS, Give Me Some Space

Written by Tony Lea - 3 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...

November 21, 2020

Create a Blog in Laravel and Livewire

Written by Tony Lea - 11 minute read

In this tutorial, we are going to walk-through creating a simple blog in Laravel and Livewire. It will be pretty simple and can be used as a starting point for building your blog with these awesome frameworks. To kick things off, we'll start by creat...

1 2 3 4 5 6 7 8 9 10 ... 17 18