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 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.
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.
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.
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.
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.
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.
Water lilies are beautiful flowers and ideal tutorial material. To get to the final result you’ll do a lot of clever actions which mostly involve rotating and duplicating, and there is a lot of room for experimentation as well. For instance, you can try out different ways on how you build up the layers of petals, and play with different shades of pinkish gradients.
This tutorial gives you the basic steps I followed, but while I was creating this flower I did actually way more than what I’m writing here. You see, every creation is never straightforward or perfect just right away. It takes some trial and error, because I also needed to find the method that can be most easily explained.
The aim of republishing the original article by Jake is to raise awareness and support the discussion about the role of progressive enhancement within the community. We look forward to your opinions and thoughts in the comments section. – Ed.
Progressive enhancement has become a bit of a hot topic recently, most recently with Tom Dale conclusively showing it to be a futile act, but only by misrepresenting what progressive enhancement is and what its benefits are.
In the last several years, we’ve seen a rapid shift in software and app interface design, from 3-D and skeuomorphic to flat and minimal. Although this trend has become nearly ubiquitous, let’s take a moment to consider how we got here and what influence it’s having on interface design as a whole.
Additionally, I’ll share some tips and considerations on designing flat interfaces. So, how did the collective consciousness swing from a love of all things textured, beveled and drop-shadowed to a desire for flat colors and simple typography?