Amazing experiences demand cutting-edge responsive web design – Cloud Four
We design and build fast, intuitive and accessible websites and web apps regardless of device, input method and connection speed.| Cloud Four
We design and build fast, intuitive and accessible websites and web apps regardless of device, input method and connection speed.| Cloud Four
Upgrade your platform, reduce your time to market, and create a compelling user experience that will delight your customers.| Cloud Four
Google’s announcement of Android Instant Apps caused me to fear for the future of the web for the first time. I’ve participated in many native versus web debates over the years. We even contemplated becoming an iOS-only shop after working on the Obama ’08 iPhone App. But we…| Cloud Four
Responsive web design and development, progressive web apps| Cloud Four
Our dog headbutted me, gave me a concussion and a new appreciation of accessibility features.| Cloud Four
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 fate.| Cloud Four
The satisfaction of rescuing experiences from daunting constraints.| Cloud Four
ImageQuix worked with Cloud Four to design a web-based successor to their popular but aging Java application for independent photographers.| Cloud Four
Erik Jung is a developer equally interested in design and all other aspects of building things for the web. You can follow his thoughts on CSS architecture, build tools, and emerging JavaScript trends at @erikjung.| Cloud Four
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.| Cloud Four
Let’s make a more useful utility class without giving up any versatility.| Cloud Four
An early encounter with a fabricated progress indicator inspired several more honest alternatives.| Cloud Four
It can be surprising for new clients to see just how much of our design process happens in HTML, CSS and (light) JavaScript.| Cloud Four
Why do two different hosting providers claim to automatically convert images to WebP, but we never see any?| Cloud Four
A few years ago, browsers implemented a standard way of lazy loading images. The standard was a huge boon because it was straightforward to use and less code than JavaScript solutions. Unfortunately, when it was released, it didn’t support a couple of common use cases. Now it does. To lazy…| Cloud Four
A simple trick for styling cards with breakout elements.| Cloud Four
Web design software makers saw the pain caused by the design to developer hand off and built features to help. Unfortunately, these features don’t help as much as the software makers hope. At best, they are unwanted features to be ignored. At worst, they reinforce faulty assumptions that undermine design systems.| Cloud Four
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.| Cloud Four
Exploring shiny new solutions to a classic responsive design challenge.| Cloud Four
This common UI pattern demands a lot less JavaScript than it used to.| Cloud Four
Do new CSS properties make justified text with automatic hyphenation more viable?| Cloud Four
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.| Cloud Four
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.| Cloud Four
Responsive design sprints are a significantly better way to design and build for today's web than the traditional web design process. We provide the receipts. Unfortunately, not every organization can adopt this responsive design sprints. Why is that and what can be done about it?| Cloud Four
Responsive design broke the traditional web design and development process in fundamental ways. Despite this fact, many organizations continue to use this broken process.| Cloud Four
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
A delightful metaphor from the world of game development.| Cloud Four
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’s creative director shares his hopes and dreams for the future of CSS.| Cloud Four
Strategies for sharing HTML, CSS and JavaScript patterns between seemingly disparate projects or platforms.| Cloud Four
Everyone’s talking about HTML Web Components, and I think it’s the start of something magical!| Cloud Four
When I first started learning web development I thought hiding content was simple: slap display: none; onto your hidden element and call it a day. Since then I’ve learned about screen readers, ARIA attributes, the HTML5 hidden attribute, and more! It’s important to ensure our websites are accessible…| Cloud Four
Over the last few years, we’ve written a quite a few articles about responsive images. Now that responsive images have landed in browsers, it seemed like a good time to step back and cover the basics for those who are just starting to tackle responsive images. Ergo, a…| Cloud Four
