Tutorials, blog posts, and interesting web development things.
Centering Things with CSS Flexbox
Centering things with CSS used to be a chore. Now with flexbox, it's as easy as 3 lines.
Adding Sass to create-react-app Applications
Adding Sass is as easy as installing node-sass and renaming .css files.
10 Need to Know Mac Terminal Commands
Knowing the terminal is essential in web development. Here's 10 commands that should be part of your toolset.
Create Your First GitHub Pull Request
If you want to work in web development, learning how to create pull requests is essential.
Lazy Loading in Next.js
Lazy loading is a great way to make our sites more performant. Next.js comes with next/dynamic to help with lazy loading.
Making Alerts with Tailwind CSS
In this article, we'll take a look at how we can use Tailwind CSS to make alerts. Alerts are a great way to notify users of something that needs their attention.
Making Badges with Tailwind CSS
Building Bootstrap components in Tailwind is a great way to learn how Tailwind's utility classes work.
Create a Node and MongoDB CRUD API
In this tutorial, we'll be creating a Node.js API that allows us to create, read, update, and delete posts. This would be used for a blog. Node APIs are essential when needing to build your own microservices.
Trying Fig: Intellisense in Your Terminal
Fig is a tool that brings VS Code style autocompletion to your existing terminal. A visual and helpful tool for using your terminal.
Making Buttons with Tailwind CSS
Making Tailwind buttons is one of the first things you need to do when learning Tailwind CSS. Let's explore how to make them with the utility classes CSS framework.
Getting Started with Alpine.js
Trying Out GitHub Copilot. It's Really Magic!
GitHub Copilot calls itself an AI pair programmer and I found that to be true. It even helped me write this post.
Creating Circles with Tailwind CSS
Use Tailwind CSS to create the perfect circle and learn different ways to use them.
Create a 3D Button with Tailwind CSS
Use Tailwind CSS to create a 3D button. We can hover the button and see the 3D effect.
Making Tailwind CSS Navbars
Tailwind CSS makes it easy to create navbars thanks to its flexbox classes.
Make the Slack Logo with Tailwind CSS
Use Tailwind's CSS grid classes to quickly create the Slack logo.
Getting Started with the Notion API
Learn how to use the Notion API to quickly build a Notion database and access your new data.