September 18, 2013 — While working for Simple Focus, a couple of our designers noticed how images always scaled perfectly. The line length of hypertext, on the other hand, changes based on its parent element’s width, which has a negative effect on readability. One of our designers asked, “wouldn’t it be nice, if text worked more like images?” and a few weeks later FlowType.JS was fully-developed and ready to be sent into the world. Here’s the process of how we got there. Read more…

September 17, 2013 — This article scratches the surface of the Three.js library. Once you are comfortable with the API, experimenting with particles, mapping and more complicated meshes can yield incredible results. Three.js is a gold mine for creating beautiful and complex Web experiments. Taking the extremely simple demonstration explained here and turning it into a mind-blowing experiment merely takes experimentation and the willingness to try new things. Read more…

September 16, 2013 — Responsive design for images is about optimizing the process of serving images to users. In this article, Anders Andersen & Tobias Järlund will share their responsive image technique, the “padding-bottom” technique, which they researched and implemented on the mobile version of the Swedish news website Aftonbladet (Sweden’s largest website). The technique presented here applies to all types of responsive websites. Read more…

September 13, 2013 — In this article, we feature a set of 33 flat e-commerce icons, created exclusively for Smashing Magazine by Responsive. The icons are suited to e-commerce projects and include many popular payment providers. The set includes Photoshop and Illustrator files containing all of the icons. Read more…

September 12, 2013 — 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. No matter how clearly laid out a design is or how elegant the infographics are, our number one visual tool for relaying information to the audience is well-written text. Read more…

September 11, 2013 — Over the past few months Jon Rundle has been involved in launching two large institutional websites with complex navigation systems on which maintaining simplicity becomes increasingly difficult as content requirements grow and tiers of navigation are added. In this article, Jon will illustrate the techniques involved in implementing responsive navigation on a large website. Read more…

September 5, 2013 — Today, we celebrate our seventh anniversary, and you are the ones who have made it possible! A huge thank you to you for being so helpful, engaging and supportive, and for staying with us all this time, and for reading our books on night trains. It means the world to us. You mean the world to us. Read more…

September 5, 2013 — This tutorial shows the basic steps Veerle Pieters followed to create a water lily; but in creating this flower, she did way more than what is presented here. You see, every creation is never straightforward or perfect right away. It takes some trial and error, because she also needed to find the method that can be most easily explained. To get to her result, you’ll be doing a lot of clever actions while having a lot of room for experimentation as well. Read more…

September 3, 2013 — Lately we’ve seen a rapid shift in software and app interface design, from 3-D and skeuomorphic to flat and minimal. Let’s take a moment to consider how we got here and what influence it’s having on interface design as a whole. Minimal design’s widespread resurgence is refreshing to witness. It is by no means the right solution for everything, but when applied thoughtfully and appropriately, it makes for a highly usable and enjoyable digital experience. Read more…

September 3, 2013 — 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. Read more…