Addressing The Responsive Images Performance Problem: A Case Study

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.

Addressing The Responsive Images Performance Problem: A Case Study

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.

Read more...

Freebie: E-Commerce Icon Set (33 Icons, PNG, PS, AI)

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.

Freebie: E-Commerce Icon Set (33 Icons, PNG, PS, AI)

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.

Read more...
Advertisement Advertise with us!

Designing The Words: Why Copy Is A Design Issue

The relationship between copy and design has been covered many times 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.

Designing The Words: Why Copy Is A Design Issue

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.

Read more...

Responsive Navigation On Complex Websites

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.

Responsive Navigation On Complex Websites

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.

Read more...

Smashing Conference Live — Day 2

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.

Smashing Conference Live — Day 1

Please note that no live stream is available, but all videos will be made available for free after the event. You might want to check out the schedule of the conference as well and the report from day 1.

Read more...

Smashing Conference Live — Day 1

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.

Smashing Conference Live — Day 1

You can also track the tweets from the conference by following the hashtag #smashingconf and permalink for live updates. Please note that no live stream is available, but all videos will be made available for free after the event. You might want to check the schedule of the conference as well.

Read more...

The Seven Years That Changed Everything

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.

The Seven Years That Changed Everything

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.

Read more...

↑ Back to top