Mastodawn

Cloud Four Apr 17, 2024

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!

Demystifying Google’s Recent Switch to INP

In this episode of Fourcast, Jason Grigsby sits down with Tammy Everts, a recognized expert in web performance and user experience. They break down Google’s recent change from First Input Delay (FID) to Interaction to Next Paint (INP) in non-technical terms, and talk about what the change means for website owners and their businesses.

Cloud Four

Cloud Four Apr 1, 2024

Tyler Sticka Mar 25, 2024

Today is my 11th work anniversary at @cloudfour 🎂

I’ve spent most of that time providing creative direction and design for our customers, shipping better web experiences together. 💪

But I’ve also found time to write and publish 77 articles. There’s a list in my bio: https://cloudfour.com/is/tyler/ ✍

I’d love to know if you have a favorite. 🎣❤️

Tyler Sticka, Partner, Vice President at Cloud Four

Tyler Sticka is Cloud Four’s VP of Design, allowing him to think about design systems every day. When he isn’t directing his team, sketching on sticky notes or nitpicking CSS, he enjoys reading comics, making video games and listening to weird music. You can follow Tyler on Mastodon.

Cloud Four

Cloud Four Mar 12, 2024

Our colleague @grigs 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

ImageEngine Deserves a Second Look

ImageEngine may be the easiest way to implement responsive images and is worth considering when you’re looking for a solution that will get you 80% of the way to optimization with minimal effort. They have a new free developer tier you should try out.

Cloud Four

Cloud Four Mar 11, 2024

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/

Modernizing Your Application: Where to Begin

Upgrading a legacy application can seem daunting. This series will guide you through the process, highlighting strategies for a smooth transition without disrupting your current operations.

Cloud Four

Cloud Four Feb 29, 2024

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

@brucelawson 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/

Will your web app stop working on iPhones in March?

Apple is removing access to Home Screen web apps for all browsers including Safari. We talk to Bruce Lawson about what this means and what web developers can do about it.

Cloud Four

Cloud Four Feb 7, 2024

OpenAI, Napster and iTunes: @grigs 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/

OpenAI, Napster, and iTunes

OpenAI’s use of copyrighted material and the lawsuits over are reminiscent of the Napster era of digital music. Could history repeat itself with Apple and the iTunes Music Store?

Cloud Four

Cloud Four Feb 7, 2024

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/

How to Embed 3D Models on the Web

How do you embed 3D models in web pages? How do you do so without slowing down your site? We’ll review the file formats, 3D model viewers, user experience, optimizations, and proposed future web standards.

Cloud Four

Cloud Four Oct 19, 2023

Who can you trust with your online business?

Two recent phone calls has @grigs 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/

Who can you trust with your online business?

I get a bad feeling in the pit of my stomach when I have to tell someone that there is something deeply wrong with their website—especially when I know that it is too late to fix it. I hate that feeling. And I felt it twice recently.

Cloud Four

Cloud Four Sep 20, 2023

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/

Hide/Show Passwords: Ten Years Later

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

Cloud Four

Cloud Four Sep 19, 2023

Show thread

Tyler Sticka Sep 19, 2023

@ben I may be a little biased, but my colleague @grigs wrote an amazing series of articles on responsive images for @cloudfour. Part 6 dives into `<picture>` specifically: https://cloudfour.com/thinks/responsive-images-101-part-6-picture-element/

Also of interest is his follow-up on client hints: https://cloudfour.com/thinks/responsive-images-201-client-hints/

And an earlier post on the use case for `<picture>`: https://cloudfour.com/thinks/dont-use-picture-most-of-the-time/

Responsive Images 101, Part 6: Picture Element

In Parts 3, 4 and 5, we focused on solutions for resolution switching. Now it is time to look at how to solve for art direction. The picture element—the media attribute in particular—is designed to make art direction easy. The <picture> element contains a…

Cloud Four