Five-inch mobile devices are on the market that have the same screen resolution as 50-inch TVs. We have users with unlimited high-speed broadband as well as users who pay money for each megabyte transferred. Responsive design for images is about optimizing the process of serving images to users.
In this article, we will share our responsive image technique, the “padding-bottom” technique, which we researched and implemented on the mobile version of the Swedish news website Aftonbladet.
Today we are happy to feature a set of 33 flat e-commerce icons, created exclusively for Smashing Magazine by Responsive. The icons are ideally suited to e-commerce projects and include many popular payment providers, including Bitcoin.
The icons come in different-sized PNGs (32 × 32, 64 × 64, 128 × 128 and 256 × 256 pixels), and the set includes Photoshop and Illustrator files containing all of the icons.
The relationship between copy and design has been coveredmanytimes on Smashing Magazine. Working in a content-focused industry, we need to keep this issue pretty close to heart; creating great copy is pointless if it is visually uninspiring or unreadable. Likewise, if the content doesn’t deliver, then even the most attractive page won’t hold the reader’s attention.
Yet much of the discussion so far has concentrated on issues such as microcopy — the small bits of text that instruct the reader on how to interact with the website — and the minutiae of user experience. This stuff is essential, of course, but in this article we’d like to broaden our focus to look at some of the fundamental mistakes behind bad copy.
Central to a solid user experience is a well-structured, simple navigation system. Over the past few months, I’ve been involved in launching two large institutional websites with complex navigation systems.
Maintaining simplicity on such large websites becomes increasingly difficult as content requirements grow and tiers of navigation are added, not to mention the extra complexity added by small screens.
Today is the second and last day of the Smashing Conference. As promised, we've collected insights, photos and highlights just for you — live from the conference venue. You can also track the tweets from the conference by following the hashtag #smashingconf and the permalink for live updates.
Over the next two days, we'll be bringing you all of the insights, photos, and highlights from the Smashing Conference — live from the conference venue. Our team will be posting updates from the early morning to the late evening on both days to bring you as close to the conference as possible.
Today is the day when it all started — the day when this little website launched back in 2006. Today, we celebrate our seventh anniversary, and you, dear readers, are the ones who have made it possible and kept us going.
A couple of months ago, I was on a night train on my way to one of those countless Web design conferences. Being offline with a ridiculous roaming rate is always a good excuse to get some work done, and the music streaming from my good ol’ headphones helped me to focus on the draft of the chapter I was reviewing for our upcoming book.