Responsive Design is the Future
Responsive Reading is a roundup of the best tools, resources and posts on all things responsive design. Whether you’re a responsive design veteran or just starting out, you’ll find an awesome resource that will stretch your thinking or the way you approach various design challenges.
and the Future is Here
Enter your email address below to receive our monthly newsletter straight to your inbox.
No one wants web design preceded indefinitely by “loading” messages — least of all fickle users who are more likely to leave the longer they have to wait. As we’ve said, speed is a top goal for Foundation 5, our responsive framework, and we want to share articles that caught our attention. How do you make websites fly faster than Tom Cruise? Read on.
This Month's Top Ten
Speed matters to users on the web. Slow websites turn people off faster than almost any other factor. Yet websites are getting heavier. This article explores the causes and potential solution behind sluggish sites.
Animation plays an increasingly important role in web design. They can be aesthetic, functional or both — but they’d better work well or risk looking like bugs, or not work at all. Today browsers can handle four types of animation well. Read about them at HTML5Rocks.
Devices’ viewports. Browsers’ capabilities. Users’ bandwidth. Most responsive design techniques send pages flying across the web for the browser to handle. That makes media queries seem like a “kitchen sink” approach — if the browser is this, then use these rules. If not, use those. But what if you could send only what a user needed? That’s the idea behind RESS, recently presented by Dave Olson, and summarized by Luke Wroblewski.
We love SVGs for certain types of images. They’re scalable. When used right they don’t need as much bandwidth as traditional image files. And they’re accepted across most major browsers. But “most” isn’t “all,” and don’t look for SVGs to fill all of your graphic needs.
If you’re concerned about speed in a website, you’ll need to worry about big graphics. Giant images may run small by virtue of having a screen that fits in users’ hands. Yet we don’t want to penalize users for having large screens and high bandwidth. The solution comes with its own problem: How do we handle responsive images?
Designers and developers aren’t the only ones who get stoked by new web technologies. People are starting to realize that their browser can be — or already is — its own computing platform.
For that matter, why haven’t modern web techniques become more widespread? Slow adoption rates are one reason. The general public doesn’t always feel compelled to update their software. Plus, while mobile devices are quickly gaining popularity, they’re still not as widespread as three decades of desktop PCs. Luckily, this gives us plenty of leeway to stay ahead of the technology curve. This article talks about upgrade rates and opportunities for us “early” adopters.
Mobile ecommerce seem like a natural fit: Use your smartphone to photograph a price tag in one store while a friend sends you their findings in another. People discussing a new product over dinner can look up stats before dessert. Google’s aware of how people use mobile devices to research goods and services before buying, and this month they published some of their findings.
Screen size is a major factor in responsive web design. But there’s more than pixel count alone because we design for humans.
Our Introduction to Responsive Web Design course, 9AM PST November 19, teaches you how to design and build responsive web sites. This four-hour webinar is taught by our experts who built Foundation on these principles. You'll learn both the Design patterns and code bits that all designers and front-end coders should know. And it's held online so you can attend from anywhere.