Gerardo Rodriguez @_gerardo

Chicano • Latino • Front-end Developer @CloudFour • Striving for an inclusive web • Go Blazers! Go Ducks! • he/him • #BlackLivesMatter • Opinions are my own cloudfour.com/is/gerardo/ Portland, OR Joined September 2008

Tweets

9K
Followers

390
Following

853
Likes

2K

David East @_davideast

a year ago

CSS keeps getting better year after year. @ starting-style { } makes entry and exit animations an absolute breeze. Look at the syntax... you can nest the at rule within a selector. A bunch of great links about it below.

8 131 1K 79K 741

Download Video

Adam Argyle @argyleink

a year ago

want to know when all the transitions on an element have finished? regardless of their individual durations? I gotchu. ``` function onTransitionsEnded(node) { return Promise.allSettled( node.getAnimations().map(animation => animation.finished)) } ```

4 25 229 16K 160

Download Image

Old Man Vandehey @spaceninja

a year ago

Write alt text like you’re talking to a friend: “There was this dog wearing safety glasses, surrounded by chemistry equipment, saying ‘I have no idea what I’m doing.’” #a11y cloudfour.com/thinks/write-a…

0 2 1 222 0

Download Image

Cloud Four @CloudFour

2 years ago

Upgrading a legacy application can seem daunting. This new series from @grigs will guide you through the process, highlighting strategies for a smooth transition without disrupting your current operations. cloudfour.com/thinks/moderni…

0 1 0 153 0

Cloud Four @CloudFour

2 years ago

The list of PWA features that will stop working on iPhones in Europe in a week will have significant ramifications. @brucel explains what we know and what we can do about it in the latest Fourcast episode. cloudfour.com/thinks/will-yo…

0 4 2 351 0

Download Video

Cloud Four @CloudFour

2 years ago

Check out our latest Fourcast episode with @grigs on app modernization! 🚀 Insights on making upgrades less daunting and future-ready. youtu.be/vU5Cic3HNvc

1 3 0 283 0

Cloud Four @CloudFour

2 years ago

Shopify's 3D scanning got us curious: how does it work? We explored 3D models on the web: file formats, viewers, performance & more. Read on: cloudfour.com/thinks/how-to-… #3Dmodels #ecommerce #webdev #VisionPro

0 2 0 291 0

Jen Simmons @jensimmons

2 years ago

Interop 2024 is here! webkit.org/blog/14955/the…

4 39 186 39K 32

giggly ♡ @xgigglypuff

2 years ago

People wonder why women get discouraged from working in tech. They will be having fun, sharing projects that they’re doing in their free time, and a doctoral researcher will let them know that they hypothetically wouldn’t hire her if they hypothetically could hire people because…

116 458 4K 497K 321

Download Image

Jason Grigsby 🌻 @grigs

2 years ago

Today is Blue Beanie Day celebrating web standards. So proud of the small role that we at @CloudFour have had in helping push web standards forward! #bluebeanieday

1 1 4 474 0

Download Image

Cloud Four @CloudFour

2 years ago

🚀 Just dropped: "Responsive Images 101" by @grigs! Tired of scouring the web for responsive image optimization tips? We've compiled our best insights into one go-to #ebook. 📥 Grab your copy now: cloudfour.com/thinks/announc…

0 1 4 120 2

Chris Coyier @chriscoyier

2 years ago

Wanna see a 90-second speed run of on-page View Transitions?

21 116 1K 146K 434

Download Video

Gerardo Rodriguez @_gerardo

2 years ago

My latest @CloudFour article was written to help my past self because even if dates, timezones, and UTC can be confusing, I want my past self to know that date range validation doesn't have to be so scary. 🙂 cloudfour.com/thinks/the-sel…

0 0 0 36 1

Old Man Vandehey @spaceninja

2 years ago

🪺 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-to…

0 1 1 67 0

Download Image

Jason Grigsby 🌻 @grigs

2 years ago

Stop lazy loading product and hero images cloudfour.com/thinks/stop-la… I keep bumping into sites where the *most important* image on the page is lazy loaded. Often every image on the page is lazy loaded. You’re better off not lazy loading at all then lazy loading every image.

1 6 14 2K 3

Sara Soueidan @SaraSoueidan

2 years ago

Stop re-inventing the wheel and just use <button> to create a button. If you're worried about default button styles, use `all: unset`. This one line of #CSS will strip all default browser styles so you can apply your own.

Emma Dawson @EmmaDawsonDev

2 years ago

36 40 417 230K 28

22 172 813 110K 147

Gerardo Rodriguez @_gerardo

2 years ago

The series finale is published! In my latest @CloudFour 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/progres…