Best 41 JavaScript Blogs of 2021

The best JavaScript blogs you should follow

I'm a Senior Software Engineer and evangelist for Mozilla, from Madison, Wisconsin.

How to Install a NPM Module from GitHub Branch

In my journey to work more quickly with a project containing loads of dependencies, I’ve come across a few techniques I’ve not needed to use before. I previously wrote about How to Push to a Git Remot...

How to Push to a Git Remote Branch of a Different Name

Git is one of those tools that I’ve always known just enough about to be dangerous, and usually tend to learn new skills when I’m in a position to truly need them. Shockingly enough it has taken me ro...

View all posts

Comprehensive learning resources for mastering the JavaScript ecosystem.

React Newsletter #243

News React Query v3 Released This major release includes better SSR, bi-directional infinite queries, selectors, and much more. Electron React Boilerplate v2 Released This update includes changes like...

I don’t make libs for free, I make ’em for freedom

GitHub’s New Treats from GH Universe '90s Nickelodeon hit different GitHub Universe happened last week — and yes, we heard about dark mode 🌛. When we first saw the announcement video, we thought it m...

View all posts

I write about Django and JavaScript

2020, my year in review

Here's what happened in my 2020

Testing Django with Cypress, how nice!

In this post I share some recipes for testing Django with Cypress, with a focus on the authentication flow.

View all posts

My name is Sergio Martino and I am Frontend Software Engineer from Italy, living in Hertfordshire, UK. I am passionate about products, User Experience and real-world technology that makes sense in the context.

A 2020 retrospective

This past year has been a wild ride. Our communities have been through what has been one of the worst years in history, one that transformed how we live, work and socialise. Some of these changes are ...

View all posts

Working on React.js. Co-author of Redux and Create React App. Building tools for humans.

Writing about JavaScript, software leadership, software development, and related technologies.

I am a german software engineer from Berlin, working remotely most of the time. I graduated from university with a Master of Science in Computer Science. Most of my work is open source, I write to help others learn how to be better coders.

Are React class components going away?

Are React class components going away in favor of React Hooks? Modern React with Hooks kinda deprecated React class components ...

React useReducer with Middleware

Learn how to use React's useReducer Hook with a middleware (and afterware) by using a custom hook for the reducer ...

View all posts

Freelance Web Developer from Belgium. Main topics are web related technologies (CSS, JS, PHP, …), along with other geeky things (robots, space, …) and personal interests (cartography, music, movies, …).

SVG Path Visualizer

Enter an SVG path data (the string inside the d attribute) to visualize it and discover all its different commands Handy tool! And the cool part is you get shareable URLs along with it 🙂 SVG Path Vis...

Floating Focus

A clear, beautiful and easy to implement focus-state solution that improves accessibility and usability. This reminds me of the app-wide Focus Ring the folks over at Discord implemented, but with an a...

View all posts

We write guides and provide resources to help you learn new technologies the right way.

React Newsletter #243

News React Query v3 Released This major release includes better SSR, bi-directional infinite queries, selectors, and much more. Electron React Boilerplate v2 Released This update includes changes like...

I don’t make libs for free, I make ’em for freedom

GitHub’s New Treats from GH Universe '90s Nickelodeon hit different GitHub Universe happened last week — and yes, we heard about dark mode 🌛. When we first saw the announcement video, we thought it m...

View all posts

I’m a software engineer in the Boston area. My blog contains my best answers to questions that UI developers struggle with. Most of the posts are about React or Angular, with a few other random things thrown in

State of the React Ecosystem in 2021

What’s the best way to build React apps in 2021? What has changed since 2016? What libraries is everyone using these days? This post is inspired by a now-deleted Reddit post from someone who had learn...

View all posts

Smashing Magazine delivers useful and innovative information to web designers and developers. The goal is to support the community with articles about the latest trends and techniques in web development. We try our best to impress you not with the quantity but with the quality of the articles we publish. We hope that makes us different. Smashing Magazine is, and always has been, independent.

Useful DevTools Tips And Shortcuts (Chrome, Firefox, Edge)

DevTools is very advanced and helpful, but can also be very intimidating and overwhelming. Let’s fix that. In this article, Vitaly reviews useful features and shortcuts for debugging in Chrome, Firefo...

Optimizing Video For Size And Quality

Adding video to your application can increase customer engagement and satisfaction. But the exact opposite can occur when there are issues with the video playback: video stalls are frustrating and dri...

View all posts

Daily articles on mastering JavaScript and front-end technologies.

JavaScript: How To Intercept Function and Method Calls

Intercepting function or method invocation in JavaScript. Monkey-patching or proxies. Let’s talk about that.Continue reading on JavaScript in Plain English »

Create a Counter App with Vue 3 and JavaScript

Vue 3 is the latest version of the easy to use Vue JavaScript framework that lets us create front end apps.Continue reading on JavaScript in Plain English »

View all posts

Hi! I'm Ali Spittel. I'm a (mostly) self-taught software engineer, who loves teaching people to code. I am currently a Senior Developer Advocate at Amazon Web Services. I'm 1/3 of the Ladybug Podcast

My Desk Setup

Whenever I post a picture of my desk, I get asked what's on it, so I thought I should write it all down! First, here's a picture of the…

Introducing the AWS Amplify Admin UI: Create an Application Backend in Clicks

I am so, so excited about the brand new Amplify Admin UI, which the team that I'm on at work launched this week. You can create and…

View all posts

Currently, I am a Senior UI Engineer, Accessibility lead at Medallia. My mission is to empower developers to make their Internet, an inclusive Internet.

I'm a Brooklyn-based developer who's making the web more styleable as a Developer Advocate at Google Chrome.

2020 in Review

Well this year absolutely sucked. But I'll try to take a look at the positive.

Cross-browser paint worklets and Houdini.how

Supercharging your CSS with Houdini paint worklets is just a few clicks away.

View all posts

My goal with this blog is to create helpful content for front-end web devs, and my newsletter is no different! It includes early previews to upcoming posts and access to special bonus goodies.

An Interactive Guide to CSS Transitions

This comprehensive guide shows how to use CSS transitions! A back-to-basics look at the fundamental building blocks we need to create microinteractions and other animations.

The styled-components happy path

styled-components is a wonderfully powerful styling library for React, and over the years I've learned a lot about how to use it effectively. This article shares my personal “best practices”.

View all posts

I work for myself full-time as an educator. I create content all about Web Development on various platforms including: egghead.io, Frontend Masters, YouTube, Twitter, and my own sites like TestingJavaScript.com 🏆 and EpicReact.Dev 🚀

Build vs Buy: Component Libraries edition

I've posted a new article "Build vs Buy: Component Libraries edition" and you can read it online. Some things to think about before you decide to create your own component library. You can also subscr...

Using fetch with TypeScript

I've posted a new article "Using fetch with TypeScript" and you can read it online. How to make HTTP requests with fetch and TypeScript You can also subscribe for weekly emails on what I'm learning, w...

View all posts

I am a frontend/serverless developer, normally based out of NYC but currently in Singapore. I am a frequent writer and speaker and recently published The Coding Career Handbook for Junior to Senior Engineers.

The Simple Magic of Prefixed URLs

You can enhance the web by making wrappers around it.

Enablement vs Ownership Roles

Two ways to approach responsibility in a company.

View all posts

Engineering Manager at Google working on Chrome

A Performance Heads-Up Display (HUD) for Chrome

Introducing a new Performance Heads-Up Display (HUD) to Chrome and Chrome for Android

React Server Components

React Server Components aim to enable modern UX with a server-driven mental model. In this post I will share some notes I took while catching up on the latest RFC and talk around this work.

View all posts

I helped build, design, and grow Observable as the first hire. I write about coding, life and various projects.

Recently

The last Recently feels like a lot longer than a month away. In the undifferentiated temporal sprawl of the last year, leaving my job in January marked a clear difference between between before and af...

Tom Rates Hills: Tank Hill

I’ve never lived in the west side of San Francisco, where the Sunset District is forty-five avenues of flat suburban-style development, to the south of Golden Gate Park. So I’ve always approached San ...

View all posts

I’m an independent user interface developer and teacher specializing in web accessibility.

I’m an American software engineer living and working in Stockholm. I love creating courses, writing blogs, and speaking at conferences.

I write HTML, CSS, and presentational JavaScript, and I aim to create experiences that look and function beautifully across anything that can access the web. If you have a project that could use my frontend help, please feel free to reach out.

The Never-Ending Job of Selling Design Systems

This image is fantastic: This is a great read from Ben: The Never-Ending Job of Selling Design Systems – A List Apart

Building better products with a design token pipeline

This is a good deep dive into setting up design token architecture. It largely maps to how we tend to structure things, with some slight language and architectural differences: They use “Option design...

View all posts

Product-savvy engineering leader, currently working at Stripe.

Software developer, sharing coding tutorials and tips

How to check the current Python version

You can check the version of Python that is running a program, at runtime. First you need to import the sys module from the standard library: import sys Then check the content of the sys.version_info ...

How to install Pygame Zero on macOS

A few months ago I bought a book from Raspberry Pi Press called Code the Classics. It’s an awesome book that talks about some classic games, including Sensible Soccer and Centipede, and then proceeds ...

View all posts

I write about life as well as my mistakes and successes as I learn to build a business. I'm building a self-funded startup (Pairwise).

I’m Kitty, a non-binary frontend developer focused on accessibility and workplace safety, currently leading the frontend team at Gorillas in Berlin.

Accessible Emojis with 11ty

As part of the A11y Advent calendar, we discussed emojis and how they are not always quite accessible by default despite being used a lot and being a key communication tool in this day and age. A coup...

Book recommendations for 2021

.BookCover { margin-left: auto; margin-right: auto; } @media (min-width: 700px) { .BookCover { display: none; } } @media (min-width: 1200px) { .BookCover { display: block; max-width: 25%; float: left;...

View all posts

Developer, Digital Illustrator, UI/UX Designer. My goal is to create special, niche corners of the web

Case Study: lynnandtonic.com 2020 refresh

This is a long one, so here’s some jump links if you’re looking for something specific:Folding header proof of conceptCreating the header artworkDetails make the illusionPull-tabsAbout page changing p...

View all posts

Hi, I'm Stefan. I write, speak and stream about web technology.

I'm a software engineer in Atlanta. I mostly focus on the front-end of the web. Through my site, Coder's Block, I blog and share whatever side projects I've been working on.

Looking Back at 10 Years of Coder's Block

Today marks exactly 10 years since my first blog post on Coder’s Block! This is also my 100th post! To celebrate, I’m taking a look back at how Coder’s Block has changed through the years. I’m mostly ...

What Can You Put in a CSS Variable?

CSS variables (also know as CSS custom properties) can hold all sorts of things. Some of these things were not obvious to me, which is why I decided to write this. To be clear, this article is focused...

View all posts

I write daily web development tips that help you become a more efficient software developer.

I'm @adamwathan, a full-stack developer and entrepreneur. I share everything I know about making awesome software through my articles, talks, screencasts, podcast, and courses.

Software Developer, building mongoose.js. Creator of masteringjs.io

Developer with a background in engineering and creative coding. I specialize in component-driven development, design systems and computational design.

Let's Build a Confetti Cannon

Confetti cannons are fun! Both to play with and to build. Let's learn to make one. Along the way, we'll cover particle systems and a bit of…

Scrollytelling with React

Scrollytelling is a visual and interactive form of storytelling. It consists of a logical sequence of visualizations. They accompany a…

View all posts

Software developer, transformed my career from making 7/hour building websites in Europe to a 6-figure job Silicon Valley. I help developers level up their skills with my newsletters, workshops, courses, and talks.

React Bricks - visual blocks editor for NextJS #CodeWithSwiz 22

Tried a new visual editor for NextJS and CreateReactApp. Got a site up in 20min 🤘

The Magic Function principle

Write functions, mostly magic.

View all posts

I'm a web developer consultant, writing about front-end technologies.

Your framework choice isn't personal

Don't identify with your framework choice. Framework wars suck.

Hunt for the perfect confetti

Compare libraries https://github.com/catdad/canvas-confetti https://github.com/Agezao/confetti-js https://github.com/daniel-lundin/dom…

View all posts

I'm a software engineer and writer. I write about open-source projects and development tutorials.

2020 into 2021

Well, 2020, it's been a slice. I've been pretty AWOL lately on all things internet, and I can't decide if I have a lot to say or if I'd…

Building TakeNote, a Notes App for Developers With GitHub Sync

Not too long ago, I realized I didn't have a really good system for organizing my thoughts, and I wasn't happy with any of the note-taking…

View all posts

Google Expert, Front-end developer and user interface designer from Lagos, Nigeria. Co-founder and COO of BuyCoins (YC S18), a cryptocurrency exchange for Africa.

Highlights from Chrome Dev Summit 2020

CDS in 2020 was a bit different, like everything else. It was online, and the talks were more bite-sized at roughly 10 minutes each. I really enjoyed this new style of the summit and, while I missed t...

View all posts

I explore how to create software that lasts. My passion is open source and I'm the creator of vue-lazy-hydration, and node-sass-magic-importer

Tailwind CSS: The Antifragile CSS Framework

Tailwind CSS is a divisive issue in the web development world: some love it, others love to hate it. I already wrote about my thoughts about Tailwind in a separate article, and there are a ton of arti...

Your Components Do Too Much

Whenever you feel the need to access global state or globally injected plugin methods or global anything for that matter, often it is a sign that the component you’re working on is doing too much. We ...

View all posts

An Intro to RSS Feeds

A brief, illustrated introduction to RSS feeds and how they work.

How to Add an RSS Feed to Your Gatsby Site

RSS feeds are a low-maintenance way to help your readers stay up-to-date on your latest content. This post walks you through the steps to add an RSS feed to an existing Gatsby site.

View all posts

Popular software blogs by category