Writing is my new thing.
Maximize Component Reusability with Bit
We put so much emphasis on component reusability inside a project, why are we not putting as much emphasis on component shareability?
How to Create a Chat Layout with TailwindCSS and CSS Grid
In this brief article, I'll show you how easy it is to build a chat layout with TailwindCSS using their CSS Grid utility classes.
How to Unit Test an HTTP Service in Angular
By the time we wrap up this addition to the series, not only will you understand how to write valuable tests, but you'll also understand what to test in an HTTP Service.
Use Named Exports over Default Exports in JavaScript
Named exports provide a handful of benefits over default exports. Here's why.
The Gumball Machine: How To Quickly Identify Unit Test Cases
Use the Gumball Machine to quickly craft an outline for writing your unit tests!
How to Use the TailwindCSS Typography Plugin
In this brief article, I will introduce the Tailwind Typography plugin and showcase its features and explain why it may be a good fit for your next TailwindCSS project.
Hold Up - What Are JavaScript Generators?
A generator function can be paused at any given point and continue where it left off when told to do so. Pretty crazy, right? Let's take a look!
Technical Interview Preparation and Tips To Consider
Preparing for a technical interview can be a nerve-racking experience. As someone who has been giving interviews for 2 years, here are some tips I'd like to share with you.
10 BEST Custom and Creative Developer Blogs in 2021
In this article, I’m going to share the 10 best developer blogs that you should visit to inspire your creativity.
Why Every Developer Should Build Their Own Blog
Someone approached me last month and asked me what personal project they should work on (as a new developer) and put on their portfolio. Instead of suggesting the age-old todo application, I took some time to really think about this question. And I have an answer.
Unit Testing Fraud - Why Code Coverage is a Lie
In this second article and final issue in this series, I will add the dynamic content injection and will get you familiar with GitHub Action workflows!
Build a Glassmorphic Navbar with TailwindCSS backdrop-filter & backdrop-blur
TailwindCSS v2.1 brings with it several new utility classes, including filters! Let me show you how I built my website's glassmorphic navbar using TailwindCSS!
Creating the JAMstack logo with CSS - A Step-By-Step Guide
Learn how to break complex objects into simple shapes and build the JAMstack logo with CSS!
Setting Yourself Up for Success - How I Define MVP (Minimal Viable Product)
As developers, we come up with unique ideas that may help solve a real-world problem. We create and clone a new repository, pour a ton of effort into the project at first and then… nothing. The project never sees the light of day. Why is this? Here's my proposal.
GatsbyConf 2021 - Gatsby v3.0 And The New Gatsby Image
March is off to a great start with the coming and going of GatsbyConf 2021 and the big announcement of Gatsby v3.0! There are many things to digest here, but perhaps the most exciting for me is the newly revamped Gatsby Plugin Image! Let's talk about what's new.
A Web Developer's iPad Setup for Productivity
I’ve structured my days more strictly. The iPad Pro is powerful (in many ways, more powerful than my Mac) and because it's so portable and has great battery life, I made the decision to use it as my main productivity tool. Here's the apps I use to stay productive.
6 BEST Fonts for Programming in 2021
In this article, I'm going to share the best fonts you can use for coding. While subjective, I've comprised the list of free and paid fonts that make legibility a high priority (bonus points for the font looking beautiful as well).
Code on Your iPad Pro
When Apple announced the iPad Pro years back, I always thought it would be cool to be able to use the 12.9" model and use that as my on-the-go device for coding. Here's how I do it.
Display an Apple Music Playlist on Your Website
We've all seen those really cool 'What I'm listening to' Spotify lists on portfolio websites. They're cool. But what if you don't use Spotify? What if you use Apple Music? No problem. I'll show you how to embed a playlist on your website!
Creating a Killer GitHub Profile README Part 2
The <cite> HTML Tag
Today, we look at the <cite> tag and how you should use it in your projects.
Creating a Killer GitHub Profile README Part 1
In this two-part article series, I will walk through, step by step, how I created my profile so that you can make your own README.md file stand out from the crowd.
No Code - Build Games with GameSalad
I’ve seen a lot of articles cover various No Code tools specifically for web development - but I want to take a few minutes to talk about an application that allows you to build your own mobile games without writing a single line of code.
The <kdb> HTML Tag
The <kdb> tag defines user input on your document and, by default, uses the browser's monospace font for visual distinction. Let's take a look at how it's used!
Lighthouse and Integrating with Netlify
Running manual audits should not be something we get in the habit of doing. As developers, we should automate this task. And, instead of setting up a pipeline (if you don't have one already) for this task specifically, we can utilize Netlify's Lighthouse plugin to get the results with each triggered build.
The <progress> HTML Tag
Welcome to the first article in the Uncommon HTML Tags series! The <progress> tag will create a progress bar and allow you to visualize the completion of a task. Let's take a look at how it's used!
2021 - Goals for the New Year
We don't know what's in store for 2021, but instead of looking ahead with gloom, let's remember the good things that have happened this past year and focus on what is in our control for 2021.
How to Implement Dark Mode with Tailwind v2.0
Many developers claim they don't have an eye for design, but just like with anything, skills improve with practice. In this article, I want to share 8 design tips that have helped me as a developer. Hopefully they help you, too!
Tailwind 2.0 is Live!
If you've been following along on Twitter, Tailwind was hinting that something big was coming. Today we get the reveal - Tailwind v2.0!
My VSCode Toolbox - 2020
Here's a list of my VSCode extensions in 2020.
10 Developers You NEED to Follow on Twitter
Learning to program is hard. Whether you're a seasoned developer or someone just starting your journey, surrounding yourself with a community helps you learn and can help keep you from burning out. I've compiled an unordered list of essential developers I think you should be following on Twitter.
8 Tips To Improve Your UI Designs
Make A Not-So-Spooky Ghost with HTML & CSS
Get in the Halloween spirit by making a not-so-spooky ghost with some HTML and a few lines of CSS!
Mocking Services in Angular
In part two of this series, I want to continue the discussion of testing in isolation and briefly turn our attention to services.
Mocking Components in Angular
Are you a front-end developer using Angular? If yes, you need to be writing unit tests to give you the confidence you need to know that your code is working as intended.
How to Make a Single Div Logo
In this short article, I'll show you how to make a single div logo just using CSS!
Change Text Highlight Color with CSS
Did you know you can change the the highlight color of text when selected? Yep! Let me show you how!
Learn Tailwind CSS with Tailwind Play
Tailwind Play is Tailwind's new online playground! It comes with a snappy IDE window and gives you full access to Tailwind's feature set - allowing you to even customize the tailwind.config.js file!
Git Hooks with Husky
Wouldn’t it be cool if you could create custom scripts to be run before committing your code? What about right before you push your code to a repository? While there are many Git Hook solutions out there, my favorite is a little package called Husky. Let me show you why.
Web Development Concepts in SwiftUI
If you're a front-end developer interested in building your own iPhone or iPad apps, this article is for you. My goal is to take front-end concepts that you already know and show you the equivalent concepts in SwiftUI.