✨ This year I decided to take blogging more seriously. In 2020, I published 30 articles on my blog, joshwcomeau.com.
We're nearing the end of the year, so I thought it'd be fun to do a "Top 10" countdown, sorted by # of views 😄 I'll share some context about each one!
We're nearing the end of the year, so I thought it'd be fun to do a "Top 10" countdown, sorted by # of views 😄 I'll share some context about each one!
#10 — Boop! joshwcomeau.com/react/boop/
This animation tutorial details how I created a wobbly temporary hover state using React Spring.
I was unhappy with the hover animations on my course platform, and decided to experiment. I was so happy with the results, it became a blog post!
This animation tutorial details how I created a wobbly temporary hover state using React Spring.
I was unhappy with the hover animations on my course platform, and decided to experiment. I was so happy with the results, it became a blog post!
#9 — Embracing Modern Image Formats. joshwcomeau.com/performance/em…
A look at how to use the modern “.webp” image format to shave some KBs off your page, in a backwards-compatible way 😄
Tools like `gatsby-image` and `next/image` are making it redundant, and I'm thrilled ✨
A look at how to use the modern “.webp” image format to shave some KBs off your page, in a backwards-compatible way 😄
Tools like `gatsby-image` and `next/image` are making it redundant, and I'm thrilled ✨
#8 — Becoming a Software Developer without a CS Degree. joshwcomeau.com/career/no-cs-d…
Early this year, I asked y'all on Twitter to share your stories of how you got a dev job without a degree, and received *hundreds* of unique stories! I share them in this absolutely-inspiring read 😄
Early this year, I asked y'all on Twitter to share your stories of how you got a dev job without a degree, and received *hundreds* of unique stories! I share them in this absolutely-inspiring read 😄
#7 — The Quest for the Perfect Dark Mode. joshwcomeau.com/react/dark-mod…
The hardest part of building my blog was adding Dark Mode. It's friggin' challenging if you want a toggleable, flicker-free experience on a static site.
It's niche, but it made the cut since it gets cited a ton!
The hardest part of building my blog was adding Dark Mode. It's friggin' challenging if you want a toggleable, flicker-free experience on a static site.
It's niche, but it made the cut since it gets cited a ton!
#6 — Beep Boop! Announcing “useSound” joshwcomeau.com/react/announci…
I published an NPM package this year, to make it easier to add SFX to React apps! This intro tutorial shows how to use it.
It's >8k downloads/week on NPM 😄
Hoping the sound-on-web trend catches on 🎶
I published an NPM package this year, to make it easier to add SFX to React apps! This intro tutorial shows how to use it.
It's >8k downloads/week on NPM 😄
Hoping the sound-on-web trend catches on 🎶
#5 — Persisting React State in localStorage joshwcomeau.com/react/persisti…
Shows how to "save" React state so that it persists between visits.
It didn't get much traffic when it first launched, but it's been getting more and more popular from SEO — lotsa folks trying to figure it out!
Shows how to "save" React state so that it persists between visits.
It didn't get much traffic when it first launched, but it's been getting more and more popular from SEO — lotsa folks trying to figure it out!
#4 — The Perils of Rehydration. joshwcomeau.com/react/the-peri…
I think this is the post I've been thanked-for the most 😌
Rehydration in React is one of those mysterious things that most devs don't know too much about, but it's imperative to learn if you work with SSG/SSR frameworks!
I think this is the post I've been thanked-for the most 😌
Rehydration in React is one of those mysterious things that most devs don't know too much about, but it's imperative to learn if you work with SSG/SSR frameworks!
#3 — CSS Variables for React Devs joshwcomeau.com/css/css-variab…
Ironically, I never planned to write this post! It was originally part of #7, my Dark Mode post, but I plucked it out because it was too long & complex.
Due to SEO, it's grown to be one of my most popular posts 😄
Ironically, I never planned to write this post! It was originally part of #7, my Dark Mode post, but I plucked it out because it was too long & complex.
Due to SEO, it's grown to be one of my most popular posts 😄
#2 — Hands-Free Coding joshwcomeau.com/blog/hands-fre…
This was one of the most emotional posts for me to “write”. It has been _a year_, and losing the ability to type made it that much harder.
Fortunately, I'm doing much better now physically, and the experience taught me a ton.
This was one of the most emotional posts for me to “write”. It has been _a year_, and losing the ability to type made it that much harder.
Fortunately, I'm doing much better now physically, and the experience taught me a ton.
(gosh, I have so much more to say about each of these, but it's hard to fit it all in a tweet 😅 maybe I'll do a deeper-dive into the context around each post in my newsletter? Would that interest you at all?)
joshwcomeau.com/subscribe/
joshwcomeau.com/subscribe/
Finally, #1 — Full Bleed Layout using CSS Grid joshwcomeau.com/css/full-bleed/
This post shows how to use CSS grid to create a surprisingly elusive layout. As always, the devil's in the details.
It blew up, which has been SUPER reassuring, since I'm neck-deep in building a CSS course!
This post shows how to use CSS grid to create a surprisingly elusive layout. As always, the devil's in the details.
It blew up, which has been SUPER reassuring, since I'm neck-deep in building a CSS course!
Thanks to you for reading all the way through this list!
I realize it's incredibly self-indulgent of me to showcase my own work like this 😅 but I also know that many of y'all started following me recently, and you may not know about some of these!
I hope they're helpful 💖
I realize it's incredibly self-indulgent of me to showcase my own work like this 😅 but I also know that many of y'all started following me recently, and you may not know about some of these!
I hope they're helpful 💖
• • •
Missing some Tweet in this thread? You can try to
force a refresh
" src="/images/1px.png" data-src="https://pbs.twimg.com/media/EUB9hT9XQAAvvvf.jpg">
title={
