From cloudfour.com
The Difference Between HTML Attributes and Properties
0 4
Attributes and properties allow you to control how HTML elements function and read data about their state. Although the terms are often used interchangeably, subtle differences between the two can lead to unexpected behavior and bugs.
on Wed, 2AM
From cloudfour.com
So… you can set an SVG circle’s radius in CSS?
0 0
But I'm not sure when this became widely supported, and I can't find anything about it online...
on Dec 12
From cloudfour.com
Video: GIFs Are Forever, Let’s Make Them Better!
0 0
Everyone loves animated GIFs, right? Not if you have finite bandwidth, a shaky network connection or motion sensitivity! But fear not… modern browsers make it easier than ever to level up our GIF game!
on Nov 21
From cloudfour.com
How to Prerelease an npm Package
0 0
Recently, we overhauled our shared ESLint config, and I needed to release an alpha version. Thankfully, it turns out to be straightforward, once you know how to do it.
on Nov 19
From cloudfour.com
Generating Random Mazes with JavaScript
0 0
I didn't get a chance to hit the pumpkin patch this year, so I missed out on seeing any corn mazes. To make up for it, I decided to make some mazes of my own! Being a programmer, I over-engineered it and built a random maze generator!
on Oct 31
From cloudfour.com
On Container Queries, Responsive Images, and JPEG-XL
0 0
With the news that CSS Container Queries have shipped in nearly all stable, modern browsers, it’s time to revisit responsive images and ask how they fit in a container query world. Are we on the right path?
on Oct 31
From cloudfour.com
Responsive Headlines Are About to Get Awesome
0 0
Chrome intends to ship CSS headline balancing, and the future looks bright for expressive web typography.
on Oct 24
From cloudfour.com
Detecting if an event was triggered by a user or by JavaScript
0 0
On a recent project I finally found a solution to an issue I've run into several times: When listening for events in JavaScript, how can I tell whether an event was triggered directly by a user or by my code?
on Jul 8
From cloudfour.com
Watch Out for Layout Shifts with ‘ch’ Units
0 0
Since `ch` units are based on your current font their value can change when fonts are loaded and cause unexpected layout shifts.
on Jun 29
From cloudfour.com
Is there a viable animated GIF alternative yet or what?
0 0
Animated GIFs remain popular in spite of their beefy file sizes. But what are we supposed to use instead?
on Jun 25
From cloudfour.com
Coding Randomized Zelda Patterns
0 2
The new Zelda game uses repeated patterns to build a cohesive world. Let's write code to generate these patterns and then print them with a robot!
on May 20
From cloudfour.com
Solved: Tricky Floating Image Alignment
0 0
Is it possible to center-align text content vertically when it’s shorter than a floating image?
on May 6
From cloudfour.com
AI Ethical Framework: AI Usage Questions
0 0
How we deploy AI in our work and product development may hold as much weight in shaping the risks and ethics as the specific models we choose.
on May 1
From cloudfour.com
AI Ethical Framework: AI Model Questions
0 0
When people evaluate services, they often consider factors like cost, features, reliability, and performance. For AI, we want to extend those factors by asking questions about how the AI model is built and its impact.
on Apr 30
From cloudfour.com
AI Ethical Framework: Three Things We Agree On
0 0
If not all AI is bad, then how do we decide whether a particular use of AI is ethical or not? How do we design and build AI features that are consistent with our values?
on Apr 29
From cloudfour.com
Write Alt Text Like You’re Talking To A Friend
0 0
“There was this dog wearing safety glasses, surrounded by chemistry equipment, saying ‘I have no idea what I’m doing.’”
on Apr 26
From cloudfour.com
Accessible Animated GIF Alternatives
0 0
Can our GIF-like embeds support playback controls, alternative text, and reduced motion?
on Apr 25
From cloudfour.com
Demystifying Google’s Recent Switch to INP
0 0
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...
on Apr 16
From cloudfour.com
Progressively Enhanced Form Validation, Part 2: Layering in JavaScript
0 0
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 accessibility concerns.
on Apr 8
From cloudfour.com
The Many, Confusing File System APIs
0 0
There are many APIs that interact with the file system, and figuring out what they all do can be deeply frustrating. Don’t give up! I’m here to help.
on Apr 4
From cloudfour.com
Mac VoiceOver Testing the Simple Way
0 0
Learning VoiceOver can feel overwhelming, so I’m here to give you a simple, repeatable process you can follow to make testing with VoiceOver as easy as possible.
on Mar 28
From cloudfour.com
Progressively Enhanced Form Validation, Part 1: HTML and CSS
0 0
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.
on Mar 26
From cloudfour.com
Tyler Sticka, Partner, Vice President at Cloud Four
0 0
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.
on Mar 25
From cloudfour.com
30 Seconds, 1 Minute, 5 Minutes
0 0
In college, I took a life drawing class and learned a helpful sketching exercise I still like doing today. While drawing last night, I realized that I use the philosophy behind this exercise in my web design process and day-to-day life.
on Mar 21
From cloudfour.com
How to Create a Website and a PDF from the Same Codebase
0 0
Let's build a website and generate a PDF from the contents using basic CSS and a PDF generation API.
on Mar 21
From cloudfour.com
Modernizing Your Application: Planning for a Gradual Transition
0 0
Instead of making your customers wait months, or years, for a modern version of an existing application, learn how you can plan to gradually transition from your legacy app to a new one.
on Mar 19
From cloudfour.com
Where are the A/B tests for opening links in new tabs?
0 0
It's been nearly twenty years that we've been discussing whether or not to open outbound links in new tabs or windows. Could it really be true that no one has run an A/B test on it?
on Mar 15
From cloudfour.com
Progressively Enhanced Form Validation, Part 4: Custom validation messages
0 0
Part 4 explores the ValidityState API, a powerful, approachable, and well-supported API we can use to define custom validation messages.
on Mar 15
From cloudfour.com
ImageEngine Deserves a Second Look
0 0
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.
on Mar 12
From cloudfour.com
Modernizing Your Application: Where to Begin
0 0
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.
on Mar 11
From cloudfour.com
Let’s Make a Rubber Button With HTML, CSS and SVG
0 0
While I wasn’t looking, an elastic hover/active effect I shared on CodePen was viewed more than 11,000 times. Here’s how it works!
on Mar 11
From cloudfour.com
Seriously, Don’t Use Icon Fonts
0 0
Icons are everywhere. These “little miracle workers” (as John Hicks described them) help us reinforce meaning in the interfaces we design and build. Their popularity in web design has never been greater; the conciseness and versatility of pictograms in particular make them a lovely fit for...
on Mar 8
From cloudfour.com
Stop Lazy Loading Product and Hero Images
0 0
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.
on Mar 5
From cloudfour.com
Will your web app stop working on iPhones in March?
0 0
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.
on Mar 2
From cloudfour.com
Strategies for Legacy Application Modernization
0 1
In the latest episode of Fourcast, Jason and I dove headfirst into how to approach the seemingly herculean effort of updating and modernizing an old application. The First Step on a Long Journey Modernizing an application isn’t just about translating its current state into a newer version; it’s…
on Mar 2
From cloudfour.com
Avoiding the Dreaded Perpetual Redesign
0 0
In the very first episode of our new Fourcast podcast, I sat down with Tyler Sticka, and we unpacked the often daunting world of legacy application redesigns. It’s a tale of fear, strategy, and a dash of humor, navigating through the redesign realm without falling into the dreaded Land…
on Feb 29
From cloudfour.com
Handling Death Gracefully in Digital Experiences
0 0
We’ve been dealing with our fair share of loss lately. And to make matters worse, we’ve encountered applications that handle death poorly and add to our pain.
on Feb 13
From cloudfour.com
How to Embed 3D Models on the Web
0 1
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.
on Feb 8
From cloudfour.com
0 0
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?
on Feb 5
From cloudfour.com
This Web Page is Best Viewed in the EU
0 0
Hooray! iOS 17.4 will support alternative browser engines—but only in the EU. What does that mean for web developers in the rest of the world?
on Jan 26
From cloudfour.com
3D Scanning with iPhone: Exciting Potential, But Read This Before You Start
0 0
Creating good 3D models using your iPhone turns out to more difficult than promised. Learn how 3D scanning works and how to increase your chances of getting a decent scan.
on Jan 23
From cloudfour.com
0 0
Sometimes, I like to give a year a theme – something to help guide and inspire me as the year drones on. At the beginning of 2023, I knew I was facing challenges, professionally and personally. I felt stuck, frustrated, and unable to move forward. Enter…the philosophy of the First Pancake. …
on Jan 19
From cloudfour.com
Tyler’s CSS Wish List for 2024
0 0
Cloud Four’s creative director shares his hopes and dreams for the future of CSS.
on Jan 3, 2024
From cloudfour.com
Tyler’s CSS Wish List for 2023
0 0
Cloud Four’s creative director ponders what he’d like to see from CSS in the coming year.
on Dec 31, 2023
From cloudfour.com
22 Panels That Always Work: Wally Wood’s Legendary Productivity Hack
0 0
Comic book artist Wally Wood’s “22 Panels That Always Work” is a legendary bit of productivity hacking. How can you reduce “noodling” in your work?
on Dec 27, 2023
From cloudfour.com
App Modernization with Cloud Four: ImageQuix’s Blueprint for Success
0 0
ImageQuix worked with Cloud Four to design a web-based successor to their popular but aging Java application for independent photographers.
on Dec 18, 2023
From cloudfour.com
Legacy Application Modernization: That Thing We Do
0 0
On Halloween, I asked a question that had been haunting us, “What do you call this thing we do?” You had ideas. We have an update.
on Dec 18, 2023
From cloudfour.com
0 0
Hand-code an SVG snowflake, experiment in an interactive playground, and generate infinite random snowflakes with a dash of JavaScript.
on Dec 17, 2023
From cloudfour.com
Design Happens Between Breakpoints
0 0
The traditional web design process hopes that static mockups—representing mobile, tablet, and desktop breakpoints—provide developers with everything they need to know to turn the designs into functional web pages. In reality, design happens between breakpoints.
on Dec 15, 2023