Gerardo Rodriguez

Thank you, @utrenkner.bsky.social!

Great question, I am not aware of a library built on the same principles. If I run into something, though, I’ll keep you in mind!

Testing HTML Light DOM Web Components: Easier Than Expected! Testing HTML Light DOM web components wasn't so scary after all. Some testing notes and patterns from a recent project.

In my latest @cloudfour.com article, I share some notes and patterns we used for writing tests for HTML Light DOM Web Components using Testing Library & Vitest. Hope you enjoy! 🎉😄

cloudfour.com/thinks/testi...

Awe, thanks, @cferdinandi.bsky.social! 😊

⚓️ New Article: Review your own git pull requests

Simple One-Time Passcode Inputs Fully functional OTP entry may be easier than you think.

I’ve seen one-time passcode (“OTP”) interfaces cause undue stress in otherwise level-headed #WebDev teams.

Thankfully, it doesn’t have to be complicated: cloudfour.com/thinks/simpl...

#HTML #CSS #JavaScript

Don't [...spread] or .split() your strings!

Use Intl.Segmenter API. Available in every JS runtime

Hi all! 👋 I was laid off and am looking for my next senior front end developer role.

I have 19+ years of experience working with small agencies and Fortune 500 companies and focus on writing clean, accessible HTML, CSS, and JavaScript.

Resume: aubreysambor.com/resume/

Leads/reposts appreciated!

Android Instant Apps are Dead, iOS App Clips Should Follow Google recently told developers that Android Instant Apps will be removed at the end of the year due to their low adoption. iOS App Clips, which provide similar functionality, should meet a similar fa...

Android Instant Apps are Dead, iOS App Clips Should Follow – My latest featuring a brilliant illustration from @tylersticka.com
cloudfour.com/thinks/andro...

Selfish reasons for building accessible UIs All web developers know, at some level, that accessibility is important. But when push comes to shove, it can be hard to prioritize it above a bazillion other concerns when you’re trying to c…

'“eat your vegetables” is one of the least effective arguments in the world. [..]

I would like to list some of my personal, completely selfish reasons for building accessible UIs. No finger-wagging here: just good old hardheaded self-interest!'

nolanlawson.com/2025/06/16/s...

#a11y

Resume Chris Ferdinandi's Resume Location: Greater Boston, MA chris@gomakethings.com A senior full-stack web developer specializing in JavaScript and scalable, resilient architecture. Skills and experience ...

If anyone is hiring, I'm still looking for my next thing.

Senior Frontend/Fullstack Developer.

Skilled at HTML/CSS/JavaScript, React, UI/UX, A11Y, web performance, design systems, Web Components, and more.

I'd love to work with you!

gomakethings.com/resume

GSAP: Killer Web Animations With Cassie Evans YouTube video by Syntax

I'm so impressed with @gsap-greensock.bsky.social
I can't wait to get my hands dirty making some cool stuff, and now, it's totally free.

www.youtube.com/watch?v=shot...

Also shoutout @gri.gs for the original idea! Absolutely love this and going to be shouting about it to everyone

Awe, thank you!!! I appreciate your kind words. ☺️

When typography just _feels_ good, it’s hard to describe. Thanks for writing this great tutorial + demo @jensimmons.bsky.social! ❤️

@thomascannon.me Wow, super cool, thank you for sharing! 🎉

I haven’t dug deep into your project. High-level scan, I love your idea. It’s very exciting my work served as inspiration for you, thank you! ☺️

Ashley Willis – ashley.dev Developer advocate, open source champion, and maker of things.

Spent 2 hours writing, 4 hours editing, and 2 days spiraling about whether anyone would care. finally hit publish anyway. ashley.dev/posts/fear-o...

Designing in the Browser: Five Tips for Beginners If you’re a designer who’d like to give in-browser mockups a try in your own work, this could be your starting point.

I’m fortunate to have worked with a lot of amazing designers over the years. Some were curious about designing in the browser with basic #HTML and #CSS, but weren’t sure where to begin.

This advice helped point them in the right direction: cloudfour.com/thinks/desig...

#WebDesign #DesignProcess

Excellent article. Definitely recommend a read. Thanks for writing this, @joshwcomeau.com!

A lot of new followers since I posted this, so in case you missed it, here's my Front-end Friends starter pack 😊 go.bsky.app/FfLUXeQ

(and a more specific CSS Starter Pack here too: go.bsky.app/JQYmgQH)

This is an excellent list. Thank you! May I suggest @tylersticka.com as a possible addition? 🙂

Cowardly Defaults and Courageous Overrides with Modern CSS Let’s make a more useful utility class without giving up any versatility.

It used to be quite challenging to set the precedence of individual #CSS rules without some pain. (This encouraged the practice of authoring many small utility classes that do very little on their own.)

Thankfully, that’s no longer the case. Here’s a simple example: cloudfour.com/thinks/cowar...

Why I Like Designing in the Browser It can be surprising for new clients to see just how much of our design process happens in HTML, CSS and (light) JavaScript. While we do plenty of ideation exercises, sketching, wireframes, mockups an...

I’ve been designing web experiences for 20+ years. While I use and enjoy dedicated design software, I’m pretty sure I design “in the browser” more than most.

Here are just a few reasons why… cloudfour.com/thinks/why-i...

#WebDesign #DesignProcess #HTML #CSS

PixelPalooza 2024 PixelPalooza will explore all the ways we, as developers, can leverage media like images, video, audio and documents across our sites and applications.

PixelPalooza is a free single-day virtual conference for web developers with a focus on media… images, video, audio, streams, and more.

I’m excited to present “GIFs Are Forever, Let’s Make Them Better!”

November 21! That’s in two weeks! Be there: cfe.dev/events/pixel...

#WebDev #Events

Cute illustration of a bird sitting in a nest. The bird is saying "&", which is the new CSS nesting selector.

🪺 CSS Nesting is here! When should you use it? I'm sure it won't surprise anyone to learn I have *opinions* on the topic: cloudfour.com/thinks/when-...

Progressively Enhanced Form Validation, Part 4: Custom validation messages Part 4 explores the ValidityState API, a powerful, approachable, and well-supported API we can use to define custom validation messages.

The series finale is published! In my latest @cloudfour.com article, I close out the series by exploring how to define custom validation messages leveraging the ValidityState API. It was such a joy writing the series. Thank you for reading! ☺️

cloudfour.com/thinks/progr...

Progressively Enhanced Form Validation, Part 3: Validating a checkbox group Parts 1 and 2 of this series explore the browser's built-in HTML & CSS form validation features and how to progressively enhance the experience by layering in JavaScript. This article continues the ex...

Part 3 is published! In my latest @cloudfour.com article, I continue progressively enhancing the form validation experience by focusing on a use case not handled natively in browsers: a checkbox group. I hope you enjoy it! 😃

cloudfour.com/thinks/progr...

@cferdinandi.bsky.social Thank you! Glad you are enjoying the articles. So cool you did a series like this in the past. I'll have to look it up. :)

Progressively Enhanced Form Validation, Part 2: Layering in JavaScript In Part 2 of this series, we take the base HTML and CSS form validation experience and progressively enhance it by adding JavaScript and the Constraint Validation API while also addressing accessibili...

Part 2 is live! In the latest of my @cloudfour.com article series, I take the base HTML and CSS form validation experience and progressively enhance it by adding JavaScript and the Constraint Validation API while addressing accessibility concerns. Join along! 🙂

Progressively Enhanced Form Validation, Part 1: HTML and CSS Browsers nowadays have built-in form validation features that make JavaScript-only solutions unnecessary. Let's explore what this might look like using progressive enhancement techniques.

Browsers nowadays have built-in form validation features that make JavaScript-only solutions unnecessary. Join me in my latest @cloudfour.com article as I explore what this might look like using progressive enhancement techniques! 🙂

Squash your Pull Requests As a general rule, when merging a pull request from a feature branch with a messy commit history, you should squash your commits. There are exceptions, but i...

☁️ Surprising no one, I have *opinions* about Git, and I just put up a new video on the @cloudfour.com channel all about why I think you should be squashing your pull requests. https://www.youtube.com/watch?v=Jvmm4BuvgPc