Tony Lea

@tnylea

4980 Points

305 Followers

167 Posts

94 Answers

Joined May 8th, 2016

Hey there, my name is Tony. I'm a web developer, dad, husband, and creator of the DevDojo.

TailwindCSS 2.2 in 22 seconds

TailwindCSS 2.2 in 22 seconds

Want to learn what's new in TailwindCSS 2.2 in 22 seconds? Maybe that's a little too ambitious ๐Ÿคช. It might be more like 122 seconds. Either way, in this tutorial, you will learn the new things in TailwindCSS 2.2 in a few minutes. Let's dive in! Tailwind CLI ๐Ÿ’ป With the all-new TailwindCLI, you can now purge your CSS into a single...

Tony Lea

18 hours ago

3
Select One:
5 things to know about creating a SaaS

5 things to know about creating a SaaS

When it really comes down to it, there is no right or wrong way to build something. Many factors can play into the success or failure of an application. That's why it's good to have as much help and advice as possible. I want to share a few lessons I've learned along my path of building a SaaS. I hope this advice will help guide...

Tony Lea

2 weeks ago

8
Select One:
Laravel Real-Time Facades

Laravel Real-Time Facades

Real-time Facades have been available since version 5 of Laravel; however, I haven't used them much until now. Since I'm just discovering how these work, I thought it would be helpful to do a quick write-up for you ๐Ÿ˜‰. What Are Facades Before understanding Real-time Facades, it would be helpful to have a basic knowledge of Facade...

Tony Lea

3 weeks ago

4
Select One:
Alpine Day & AlpineJS v3

Alpine Day & AlpineJS v3

Today @calebporzio, creator of AlpineJS, just announced the date for AlpineDay, which is June 10th, 2021 ๐ŸŽ‰. If you ever needed an excuse to blow off work and hang out with some incredible people, this is the day for it! If you haven't seen it yet, the official AlpineDay website has launched at https://alpineday.com, and it's pre...

Tony Lea

1 month ago

3
Select One:
New Cover Photo Image Generator ๐Ÿ˜‰

New Cover Photo Image Generator ๐Ÿ˜‰

Creating a good developer article or tutorial can be challenging enough without worrying about the image cover. Thankfully today, we are introducing a new Image Generator for your developer posts. ๐Ÿ™Œ The New Version ๐Ÿ†• This is V2 of our simple, intuitive post image creator. The first version was kind of cool, but it still had some...

Tony Lea

1 month ago

7
Select One:
Alpine JS v3

Alpine JS v3

Alpine version 3.0 will be coming soon! There is going to be an Alpine Day online event where the creator, Caleb Porzio, will be talking about some new things coming to Alpine as well as pushing the new version live! In this quick post, you can learn about some of the new features and how you can stay up-to-date about the latest...

Tony Lea

1 month ago

9
Select One:
Creating a SaaS in 2021

Creating a SaaS in 2021

Many developers have dreams of creating their own profitable Software as a Service. Mainly because it provides you with the freedom to work on the things you are super passionate about. It's also a good feeling to make money working on your own stuff. Each step you take toward building your SaaS will eventually lead to a success...

Tony Lea

1 month ago

5
Select One:
Extracting TailwindCSS from HTML

Extracting TailwindCSS from HTML

I've recently run into a scenario where I want to design a one-off page using TailwindCSS with the CDN link; however, including the CDN link would mean that my page load is a heavy 3MB ๐Ÿ™. Instead of installing Tailwind with one of the recommended installation steps, I decided to use the PurgeCSS CLI to extract only the classes I...

Tony Lea

2 months ago

7
Select One:
Livewire Components in a Different Directory

Livewire Components in a Different Directory

When creating a new Livewire component they will be placed in the same directory. But, there may be some instances where you want to place those Component Controllers and views in a separate location. In this short tutorial I will show you how to do that. Creating a Livewire Component To create a new livewire component (after cr...

Tony Lea

2 months ago

8
Select One:
FIFO vs LIFO in programming

FIFO vs LIFO in programming

I've recently been doing some research on FIFO (first-in, first-out) and LIFO (last-in, first-out) organization. I learned this simple concept back in college; however, I still got a little confused every time I recalled this data-structure organization. Because, when something is last, does this mean it is the final one... or i...

Tony Lea

3 months ago

5
Select One:
Using Ace Editor with Livewire

Using Ace Editor with Livewire

Using the Ace Editor, we can easily add a code editor inside of any application built with Laravel and Livewire. Here is a quick example of what we'll be creating in this tutorial. Let's start off from the very beginning and create a new Laravel Livewire application. Install a new Livewire app First we'll need to create a new l...

Tony Lea

3 months ago

3
Select One:
TailwindCSS Hidden Gems ๐Ÿ’Ž

TailwindCSS Hidden Gems ๐Ÿ’Ž

If you are new to TailwindCSS, you're probably familiarizing yourself with some of the utility classes and starting to build some awesome stuff. ๐Ÿ˜‰ As you learn about this awesome framework, there may be a few utility classes that you skimmed over. In this tutorial, I want to share with you some awesome utility classes you might...

Tony Lea

3 months ago

7
Select One:
How to drag an element using javascript

How to drag an element using javascript

While building out a new image generator, I needed a way to drag and move HTML elements inside of another element. Take a look at what I was building below: This is actually the new Post Image Generator that you can use here on the DevDojo to generate some nice looking cover images ๐Ÿ˜‰. Let's cover how we can easily add this func...

Tony Lea

3 months ago

6
Select One:
My first Reaction of React

My first Reaction of React

In this tutorial, I want to show you the basics of how a React application works. I also wanted the chance to try it out myself ๐Ÿค“. I consider myself more of a PHP/Laravel/VueJS developer; however, I thought I would give React a try and let you know my first impressions of this popular javascript framework. Simple React Example O...

Tony Lea

3 months ago

8
Select One:
One second to read GitHub code with VS Code

One second to read GitHub code with VS Code

Github1s is an awesome project that allows you to open up any Github repo in VS Code directly in your browser. Give it a try You don't even need to install anything to give this a try. Want to read the Laravel repo in VSCode in 1 second? Visit this URL here: https://github1s.com/laravel/laravel. Now, you can view the Laravel co...

Tony Lea

3 months ago

5
Select One:
Converting Markdown to HTML in Laravel

Converting Markdown to HTML in Laravel

In the latest version of Laravel, converting your markdown into HTML couldn't be easier. All you need to do is reach for the handy Str helper method and you can accomplish this in one line. Converting Markdown to HTML You can simply run the new Str::markdown() helper to convert markdown text into clean HTML, like so: {!! Str::ma...

Tony Lea

3 months ago

5
Select One:
Paddle Payment Platform

Paddle Payment Platform

Paddle is an awesome payment platform that makes integrating payments into your application super easy. ๐Ÿ˜Ž Today at Paddle Forward, a quarterly event, they talked about some awesome new features that you might like to know about. Why is this important for you As a developer, you should be familiar with the most popular developer...

Tony Lea

4 months ago

4
Select One:
Write a Post, Get Paid

Write a Post, Get Paid

Are you a developer who enjoys writing articles and tutorials. If so, here's an opportunity to earn some money on a weekly basis. You can write these tutorials/posts on your own site and you can re-post it to the DevDojo for a chance to win $20 each week. If you are posting from another source make sure to include the original l...

Tony Lea

4 months ago

10
Select One:
A Brief History of Web Development

A Brief History of Web Development

As web developers, we have an arsenal of ๐Ÿ›  tools, frameworks, and libraries at our fingertips. But, it's important to remember that this hasn't always been the case. Back in the days of Netscape Navigator and Geo Cities, you would have to scavenge the interwebs to find a solution to your programming problem. To appreciate everyt...

Tony Lea

4 months ago

4
Select One:
Best 5 NPM Command Line Games ๐ŸŽฎ

Best 5 NPM Command Line Games ๐ŸŽฎ

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. Pong ๐Ÿ“ The beloved pong game where you smack a ball back and forth can easily be...

Tony Lea

4 months ago

3
Select One:
Tracing Objects in TailwindCSS

Tracing Objects in TailwindCSS

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 share my process. Finding our design First, you'll need to find a design that yo...

Tony Lea

5 months ago

9
Select One:
Custom Animations in TailwindCSS

Custom Animations in TailwindCSS

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 animations to our websites and applications. That's simple enough ๐Ÿ˜‰; let's learn abou...

Tony Lea

5 months ago

7
Select One:
5 reasons to start using TailwindCSS

5 reasons to start using TailwindCSS

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 and jelly ๐Ÿ‡. If you don't believe me, perhaps this article will change that. Nev...

Tony Lea

5 months ago

9
Select One:
It's ok jQuery, I still love you

It's ok jQuery, I still love you

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. The year was 2007, and the web was a scary place. There seemed to be no structur...

Tony Lea

5 months ago

7
Select One:
AlpineJS for Beginners

AlpineJS for Beginners

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 a better fit. Instead, if you're looking to sprinkle a little javascript, add t...

Tony Lea

5 months ago

5
Select One:
Creating Browser Mockups in TailwindCSS

Creating Browser Mockups in TailwindCSS

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 TailwindCSS. Creating the Browser Header We'll create the header by adding a rectangle wi...

Tony Lea

5 months ago

10
Select One:
Create a Typing Effect in AlpineJS

Create a Typing Effect in AlpineJS

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 accomplished by adding some sprinkles of AlpineJS to our element. Let's begin. Creati...

Tony Lea

6 months ago

4
Select One:
Hide AlpineJS Components with x-cloak

Hide AlpineJS Components with x-cloak

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 elements. It works kind of like the invisibility cloak from Harry Potter. If you pu...

Tony Lea

6 months ago

5
Select One:
TailwindCSS, Give Me Some Space

TailwindCSS, Give Me Some Space

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 utility classes. There was nothing wrong with this; however, thereโ€™s a better way...

Tony Lea

6 months ago

5
Select One:
Create a Blog in Laravel and Livewire

Create a Blog in Laravel and Livewire

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 creating our new laravel application. Create a new Laravel app First, we'll create a...

Tony Lea

7 months ago

5
Select One:

Loading More Content