Cloud Four

Listen to Tammy Everts explain how she coaches companies to optimize for INP because of SEO while keeping in mind what INP doesn’t capture. Learn more on the latest episode of Fourcast.
https://cloudfour.com/thinks/demystifying-googles-recent-switch-to-inp/

Subscribe to Fourcast on:
• Spotify https://podcasters.spotify.com/pod/show/cloud-four/episodes/Demystifying-Googles-Recent-Switch-to-INP-e2ienqh
• Apple Podcasts https://podcasts.apple.com/us/podcast/fourcast/id1728333610?i=1000652547567
• YouTube https://www.youtube.com/watch?v=0b-ywaSn2og

or wherever you get your podcasts!

Our colleague @grigs@front-end.social may have written more about responsive images and optimization services than anyone else, so when he issues a mea culpa, you know there’s something worth checking out.

Read on for why he believes ImageEngine deserves a second look:
https://cloudfour.com/thinks/imageengine-deserves-a-second-look/

#webperf #imageoptimization #responsiveimages

Upgrading an existing application? This new series from @gri.gs will help.

Begin by asking what type of app you currently have and what APIs are available because they will dictate your strategy.

💡More tips at:
https://cloudfour.com/thinks/modernizing-your-application-where-to-begin/

The list of PWA features that will stop working on iPhones in Europe in a week will have significant ramifications.

@brucelawson@social.vivaldi.net explains what we know and what we can do about it in the latest Fourcast episode.

https://cloudfour.com/thinks/will-your-web-app-stop-working-on-iphones-in-march/

OpenAI, Napster and iTunes: @grigs@front-end.social weighs in on historical parallels and whether Apple is truly behind when it comes to AI.

🔗Read on: https://cloudfour.com/thinks/openai-napster-and-itunes/

Shopify's 3D scanning got us curious: how does it work? We explored 3D models on the web: file formats, viewers, performance & more. https://cloudfour.com/thinks/how-to-embed-3d-models-on-the-web/

Who can you trust with your online business?

Two recent phone calls has @grigs@front-end.social lamenting when good companies receive bad advice and wondering how people can find trustworthy technical advice.

https://cloudfour.com/thinks/who-can-you-trust-with-your-online-business/

Hide/Show Passwords: Ten Years Later

A look back at one of my first (and most popular) open source projects.

https://cloudfour.com/thinks/hide-show-passwords-ten-years-later/

Starfield’s Accessibility Problems

Starfield has a lot of computers to interact with: Ship controls, desktop terminals, and information kiosks. And they all have accessibility problems.

https://cloudfour.com/thinks/starfield-accessibility/

Stop Lazy Loading Product and Hero Images

I see a recurring performance problem on many ecommerce sites—the most important images on the page are being lazy loaded when they shouldn't be. You’re better off not implementing lazy loading at all than implementing it incorrectly.

https://cloudfour.com/thinks/stop-lazy-loading-product-and-hero-images/

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.

https://cloudfour.com/thinks/progressively-enhanced-form-validation-part-4-custom-validation-messages/

Let’s Make a Rubber Button With HTML, CSS and SVG

An elastic hover/active effect I shared on CodePen last year has been viewed more than 11,000 times as of this writing. Here’s how it works!

https://cloudfour.com/thinks/rubber-button/

Automating Busywork by Scaffolding Boilerplate Files

When developing websites, I often create the same boilerplate structure over and over. By creating a custom scaffolding script, I can automate this boring task and save a lot of time.

https://cloudfour.com/thinks/automating-busywork-by-scaffolding-boilerplate-files/