RSS Parrot

BETA

🦜 Josh Comeau's blog

@www.joshwcomeau.com@rss-parrot.net

I'm an automated parrot! I relay a website's RSS feed to the Fediverse. Every time a new post appears in the feed, I toot about it. Follow me to get all new posts in your Mastodon timeline! Brought to you by the RSS Parrot.

---

Friendly tutorials for developers. Focus on React, CSS, animation, and careers.

Your feed and you don't want it here? Just e-mail the birb.

Site URL: www.joshwcomeau.com/

Feed URL: www.joshwcomeau.com/rss.xml

Posts: 15

Followers: 2

Why My Blog is Closed-Source

https://www.joshwcomeau.com/blog/why-my-blog-is-closed-source/

Published: September 13, 2024 14:12

In our community, it's so common for developer projects to be open-source. I'm breaking with this trend for my blog, but I have good reasons! In this article, I'll share my reasoning, as well as a workaround in case you _really_ want to see the source. If…

How To Learn Stuff Quickly

https://www.joshwcomeau.com/blog/how-to-learn-stuff-quickly/

Published: September 13, 2024 14:12

As software developers, we're always learning new things; it's practically the whole gig! If we can learn to quickly pick up new languages/frameworks/tools, we'll become so much more effective at our job. It's sort of a superpower.

An Interactive Guide to CSS Grid

https://www.joshwcomeau.com/css/interactive-guide-to-grid/

Published: September 13, 2024 14:12

CSS Grid is an incredibly powerful tool for building layouts on the web, but like all powerful tools, there's a significant learning curve. In this tutorial, we'll build a mental model for how CSS Grid works and how we can use it effectively. I'll share…

Full-Bleed Layout Using CSS Grid

https://www.joshwcomeau.com/css/full-bleed/

Published: September 13, 2024 14:12

Certain layouts are surprisingly dastardly. On the modern web, one of the most common layouts is also one of the trickiest. In this tutorial, I break down how to build the "full-bleed" layout using CSS Grid.

The End of Front-End Development

https://www.joshwcomeau.com/blog/the-end-of-frontend-development/

Published: September 13, 2024 14:12

Large language models like GPT-4 are becoming increasingly capable, at an alarming rate. Within a couple of years, we won't need developers any more! …Or at least, that's the narrative going viral on Twitter. I'm much more optimistic about what these AI…

A Modern CSS Reset

https://www.joshwcomeau.com/css/custom-css-reset/

Published: September 13, 2024 14:12

I have a set of baseline CSS styles that come with me from project to project. In the past, I'd use a typical CSS reset, but times have changed, and I believe I have a better set of global styles!

CSS Variables for React Devs

https://www.joshwcomeau.com/css/css-variables-for-react-devs/

Published: September 13, 2024 14:12

CSS variables are *really* cool, and they're incredibly powerful when it comes to React! This tutorial shows how we can use them with React to create dynamic themes. We'll see how to get the most out of CSS-in-JS tools like styled-components, and how our…

Refreshing Server-Side Props

https://www.joshwcomeau.com/nextjs/refreshing-server-side-props/

Published: September 13, 2024 14:12

Next allows you to do server-side data-fetching, but what happens when that data needs to change on the client? This brief tutorial shows how to re-fetch the props without doing a full server reload.

Folding the DOM

https://www.joshwcomeau.com/react/folding-the-dom/

Published: September 13, 2024 14:12

In this post, we'll explore a technique we can use to "fold" a DOM node, like folding a letter in real-life. On that journey, we'll learn a lot about 3D transforms and CSS animation techniques!

The Rules of Margin Collapse

https://www.joshwcomeau.com/css/rules-of-margin-collapse/

Published: September 13, 2024 14:12

“Margin collapse” has a dastardly reputation, one of the trickier parts of CSS. Fortunately, it gets a lot easier once you learn a few rules! In this tutorial, we take a deep dive into the governing principles, and learn how to use them to our advantage.

Understanding Layout Algorithms

https://www.joshwcomeau.com/css/understanding-layout-algorithms/

Published: September 13, 2024 14:12

As front-end developers, we often learn CSS by focusing on individual properties. Instead, we should focus on how the language uses those properties to calculate layouts. In this blog post, we'll pop the hood on CSS and see how the language is structured,…

Making Sense of React Server Components

https://www.joshwcomeau.com/react/server-components/

Published: September 13, 2024 14:12

This year, the React team unveiled something they've been quietly researching for years: an official way to run React components exclusively on the server. This is a significant paradigm shift, and it's caused a whole lot of confusion in the React…

Animated Pride Flags

https://www.joshwcomeau.com/animation/pride-flags/

Published: September 13, 2024 14:12

Happy Pride month! In this tutorial, I'll share a handful of my favourite animation tricks. You'll learn how to build an animated wavy pride flag using CSS keyframes and linear gradients. We'll also see how to make it dynamic using React. 🏳️‍🌈

Building a Magical 3D Button

https://www.joshwcomeau.com/animation/3d-button/

Published: September 13, 2024 14:12

Every action we take on the web starts with a button click, and yet most buttons are ho-hum and uninspired. In this tutorial, we'll build an animated 3D button with HTML and CSS that sparks joy.