Cover photo by Roberto Nickson / Unsplash

It’s March 2021. It’s been a year since we were sent home to work. Reflecting over the past year, I realized how difficult this change has been for me. As an extrovert, I miss being with people. Working from home over the last 12 months has allowed me to notice that I feel more productive when I’m around other people and in a work environment.

Don’t get me wrong — it’s not that I’m lazy — I still get work done, I just don’t feel like I have the same energy as I do when I have to *go* to…

Cover photo by Chris Dickens / Unsplash

We learned JavaScript knowing that functions execute from top-to-bottom, just like we read English from right-to-left. That all changed when ES6 was released in June of 2016, bringing with it the ability to pause functions in the middle of execution.

How does this work? Generators! Also known as Generator Functions.

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 at a basic example.

Creating a JavaScript Generator Function

Generator functions in JavaScript are created much like any other function, except for one difference in syntax. …

Cover photo by Maranda Vandergriff/Unsplash

This was taken and expanded upon from my newsletter.

Do you get nervous when taking a technical interview? I assume we all do — no matter how much experience we have under our belt. The truth is — technical interviews are a process we all have to go through at some point (and usually many times) as developers. The imposter syndrome kicks in and we are tempted to think we don’t belong in the industry. Sometimes we panic and freeze, where other times we manage to hide the nerves better than others. How do you react?

When I’m preparing for…

If you’re a web developer applying for a job, you’re placed in a unique position. Job applications require a resume, yes, but they may also ask for your portfolio or personal website, giving you an opportunity to impress with your own slice of the internet and display past projects and experience.

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.

While a lot…

As a developer, creating your own blog is one of the best projects you can add to your portfolio. Potential employees have tangible evidence of your credibility with real-world topics, languages and frameworks.

In this article, I’m going to share the 10 best developer blogs that you should visit to inspire your creativity. This list isn’t in any particular order and was curated not based on the insightful content written by the authors, but rather by the eye candy, custom elements and overall experience as a reader.

Let’s dive in!

1: Josh Comeau

Let’s make the JAMstack logo with CSS!

In this brief tutorial, you’ll learn how to create the JAMstack logo from scratch with CSS!

Here’s a pen showing the final result!

Thinking in shapes & setting up our variables

At first glance, this logo may look complex but it can actually be recreated with a few divs (it could probably be done with a single div, but that’s another article for another day). When considering how to tackle a piece like this, it’s best to break it up into shapes. What shapes do you see in this logo? I see a circle and several squares.

As developers, we spend the majority of our day in front of a computer screen writing code.

Eye fatigue (also known as Asthenopia) can be a serious issue and spending hours on end in the default VSCode setup can be tempting. While the out-of-the-box VSCode setup isn’t bad by any means, your eyes may thank you if you invest a bit of your time configuring your setup (not just the font, but the theme, too).

If you want to know what theme, font and extensions I use in VSCode, check out this article I wrote about it here!

In this…

Welcome to part three of the Uncommon HTML Tag series!

With each article in this series, I will introduce a widely unknown HTML tag, discuss compatibility across browsers and cover some real-world use cases with the element.

The < cite > Tag

The <cite></cite> tag is a semantic element that is used in conjunction with the <blockquote></blockquote> element to denote a referenced piece of work, such as a book, an essay, a film, a musical or even a tweet.

Many browsers style the content of a <cite></cite> element in italics by default.

Let’s take a look at how it’s used!


The <kbd> tag

Welcome to part two of the Uncommon HTML Tag series!

With each article in this series, I will introduce a widely unknown HTML tag, discuss compatibility across browsers and cover some real-world use cases with the element.

The < kbd > Tag

The <kbd></kbd> tag defines user input on your document and, by default, uses the browser's monospace font for visual distinction.

While the most common use-case for using this tag is to denote keyboard input, it can also be used for input such as voice or other commands.

Let’s take a look at how it’s used!

There are a plethora of options when it comes to code editors, especially for front-end developers. I’ve tried Atom, Sublime Text, Webstorm — you name it. While each editor has its own strengths, I find myself coming back to VSCode purely for its level of customization.

2020 just wrapped up and I thought it would be interesting to cover my personal setup so you can take a look into how I work and so that I can look back at the end of 2021 and see what’s changed.

Let’s dive in!


Let’s start with the big one. There’s no lack…

Braydon Coyer

Front-End Specialist who likes to share his findings with the world.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store