Discover articles by topic

career
css
tailwind
angular
testing
javascript
programming
personal
react
productivity
html
devops
design

Test blog

A test for most common elements coming from Notion

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

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!

Unit Testing Fraud - Why Code Coverage is a Lie

Code coverage, also called test coverage, identifies the percentage of your codebase that was exercised by unit tests. The coverage report can be helpful in identifying untested code, but targeting a percentage of coverage does not equal quality-tested code.

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

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!

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

No Code - Build a Game 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 kbd 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 2

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

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!

Not-So-Spooky Ghost with HTML and 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 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.