Gerardo Rodriguez

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

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

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! 🙂

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... Squash your Pull Requests

☁️ 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

Accessible Animated GIF Alternatives Can our GIF-like embeds support playback controls, alternative text, and reduced motion?

In this follow-up to my recent GIF alternative overview, I build up an accessible animated GIF replacement pattern that supports playback controls, provides alternative text, and respects motion preferences: https://cloudfour.com/thinks/accessible-animated-gif-alternatives/

The responsive images spec covers a lot of use cases, but most of the time you’ll only need one: Serving a different sized copy of the same image depending o... Responsive Images the Simple Way

I made a video about how to handle #HTML responsive images the simple way! Making videos like this is a new thing I'm trying for @cloudfour.com — let me know what you think! https://www.youtube.com/watch?v=DtV_2zXtuiU