Mastodawn

⚓️ New Article: Forced Colors Mode https://gomakethings.com/forced-colors-mode/ #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

Forced Colors Mode

Forced Colors Mode is an accessibility feature that, as my friend Ben Myers explains… replaces websites’ colors (backgrounds, borders, text, focus outlines, and more) with a significantly reduced color palette, sometimes comprised of user-selected colors. Forced colors mode also makes changes which simplify an interface’s appearance… Today, I wanted to talk briefly about what is, how it affects designs, and how to build for it. Let’s dig in!

Chris Ferdinandi 4d ago

⚓️ New Article: Helping people find work https://gomakethings.com/helping-people-find-work/ #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

Helping people find work

It’s rough out there. AI is being used to devalue work, justify layoffs, and depress wages. An utterly shit economy is making everything cost more. Tech is being propped up by a bubble (AI) that will pop eventually. And when it does, things will get even worse. I want to help people find work. Here’s the plan: every week or two, I’ll include a list of people who are looking for work in my newsletter, with a link to their online resume or portfolio or website.

Chris Ferdinandi 6d ago

⚓️ New Article: Creating a toggle switch with just CSS https://gomakethings.com/creating-a-toggle-switch-with-just-css/ #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

Creating a toggle switch with just CSS

Today, I wanted to quickly share how I built Kelp’s toggle switch component with a single HTML attribute and CSS (no JavaScript required). Let’s dig in! The [role="switch"] attribute The [role="switch"] attribute is functionality identical to [role="checkbox"] (the implicit role a [type="checkbox"] element has), except that it conveys an on/off state instead of checked/unchecked. <label for="agree"> <input type="checkbox" id="agree" > I'm a standard checkbox </label> <label for="switch"> <input type="checkbox" id="switch" role="switch" > I'm a switch </label> On it’s own, it changes nothing about how a checkbox looks or behaves.

Chris Ferdinandi Dec 8

⚓️ New Article: Prefiguration https://gomakethings.com/prefiguration/ #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

Prefiguration

A few weeks ago, I learned a fancy new word from Andrew Sage: prefiguration. A few months ago, when SNAP benefits abruptly disappeared, I immediately started working on bringing a Community Fridge to my town. It’s something I’d wanted to do for a while, and this was the spark that lit the fire in my belly. If you’re unfamiliar with the concept, a Community Fridge is literally an open access fridge (and usually attached pantry) where people can share food they have and take food they need.

Chris Ferdinandi Dec 4

⚓️ New Article: 'Tis the season https://gomakethings.com/tis-the-season/ #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

'Tis the season

Nearly 15 years ago, I shared a video produced by a group called the Advent Conspiracy about how the holiday season has lost all of its original meaning, and is now just a celebration at the alter of capitalism. They encouraged people to spend less money and give more time, attention, and love. They’re a religious organization, and I’m very much an atheist. But they didn’t lean very heavy into Jesus at the time.

Chris Ferdinandi Dec 3

⚓️ New Article: Flobots https://gomakethings.com/flobots/ #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

Flobots

Do you remember the Flobots? They had that song Handlebars back in 2007 that was really popular. At the time, I didn’t pay them much attention. I wrote them off as pop-alt-rap. I was wrong! They recently showed up on a punk playlist I stumbled onto, and holy shit am I glad they did. While they definitely are alt-rap, they’re political AF. The song that first hooked me was Stand Up…

Chris Ferdinandi Dec 2

⚓️ New Article: My no-fuss code linting and formatting setup https://gomakethings.com/my-no-fuss-code-linting-and-formatting-setup/ #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

My no-fuss code linting and formatting setup

Biome is my absolutely favorite code linter and formatter. Its built with modern JS in mind. It has great default options right out-of-the-box, with just enough configuration. It also formats code, and can replace Prettier. It supports JavaScript and CSS. It has IDE/text editor integrations. It can run in a CI/deployment setup like GitHub Actions. It’s built with Rust and is fast AF! I’ve been using Biome to build Kelp UI, and it’s been amazing.

Chris Ferdinandi Dec 1

⚓️ New Article: Building empathy https://gomakethings.com/building-empathy/ #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

Building empathy

Yesterday, I was venting about a bad experience I’d had, and a friend of mine replied by sharing a relevant experience of their own. Then, they immediately apologized for “making it all about them.” Dude, not at fucking at all! (I’m using dude in the gender-neutral Good Burger “we’re all dudes, hey!” way, not as a masculine pronoun). I find that a lot of neurodivergent folks try to bond and relate with people, form connections, and bond by sharing experiences similar to whatever they’re talking about.

TCCI Computer Institute Nov 27

🌐 Why Every Student Should Learn Web Development

1️⃣ High demand
2️⃣ Easy to start
3️⃣ Build real websites
4️⃣ Freelancing freedom
5️⃣ Big tech career opportunities

📍 Join TCCI - Tririd Computer Coaching Institute, Ahmedabad
🌐 tccicomputercoaching.com

#WebDevelopment #LearnCoding #FrontendDeveloper #HTMLCSS #JavaScript #TCCI #Ahmedabad #Thaltej #Satellite #IskconCrossRoad #SGHighway #CareerGrowth

Chris Ferdinandi Nov 25

⚓️ New Article: A garden in bloom https://gomakethings.com/a-garden-in-bloom/ #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie

A garden in bloom

Last week, I updated the layout of my digital garden and pulled over a ton of stuff that was behind the members-only paywall. I’ll be doing some pruning and tending to the garden over the coming weeks. The sections on fetch(), flexbox, and CSS grid could all use some cleaning up to make them more clear and simple. I’ve got guides around web components, linting, and JS testing that I haven’t added yet, because they need a complete rewrite based on how I work today.