The web is growing up. We are building applications that work entirely in the browser. They are responsive; they have tons of features and work under many devices. We enjoy providing high-quality code that is well structured and tested.
But what matters in the end is the impact for clients. Are they getting more products sold or are there more visitors for their campaign sites? The final results usually show if our project is successful. And we rely on statistics as a measuring tool. We all use instruments like Google Analytics. It is a powerful way to collect data. In this article, we will see a CSS-only approach for tracking UI interactions using Google Analytics.
The 6 Plus is the first iPhone that sports a “Retina HD” display — the sharpest display Apple has ever made. It forces designers to provide an additional set of image resources to developers to match that sharpness.
We needed only one set of assets for the original iPhone up to iPhone 3GS. And when iPhone 4 came out with the Retina display, we also needed 2x assets — images twice as detailed. Now, with the display of the 6 Plus being even more detailed than that of the iPhone 4, we will also need to provide 3x assets. The numbers 1x, 2x and 3x are also called “scale factors.”
As I was flying back from the Smashing Conference in New York, I wondered whether it was a success. This wasn’t an original thought. We are always wondering what makes a conference good and what elements will make industry workers stay away.
Good and bad are such subjective terms, though, with almost as many expectations as there are attendees. We decided that just looking at the numbers instead might be a good idea. This article will not present best practices for planning a conference, but rather will look at how it’s actually done most of the time. While this is not a guide to putting together the perfect conference, it gives a good overview of what seems to work and which elements are so unpredictable that they do not serve as reliable guidelines.
When designing mobile first, navigation takes a back seat to content, and ruthless editing paves the way for more focused experiences. The pursuit of simplicity, combined with the tight spatial constraints of mobile viewports, often leads us to strip away elements in an attempt to minimize the interface. But the space-saving convenience we gain through clever editing and a compact UI can come at the expense of the very navigational aids our users rely on.
To help balance the craving for visual simplicity with the need to keep websites easy to navigate, we we can borrow some concepts from the world of wayfinding. This article shows how you can apply these concepts to the mobile web.
There are icons that you can find quite easily, and icons that are difficult to come across. With Icons of Autumn, we are humbled to release a set of 50 free autumn-themed EPS icons illustrated in a lovely sketchy style.
Designed by Nick Botner as line art in Adobe Illustrator, the icons are available in EPS, enabling you to change both the color or the weight of the strokes with ease. However, if you want to make the icons into solid shapes, it shouldn’t take much effort either.
More and more designers and developers in our industry are making the leap into becoming entrepreneurs by starting their very own products. One of these aspiring designers is Cat Noone, co-founder of Liberio.
Cat is a young and talented designer and entrepreneur from Brooklyn, New York, now living and working in Berlin. She worked in the field of special education before jumping into a career that she really loves and makes her happy.
In the physical world, no one builds anything without detailed blueprints, because people’s lives are on the line. In the digital world, the stakes just aren’t as high. It’s called “software” for a reason: because when it hits you in the face, it doesn’t hurt as much. No one is going to die if your website goes live with the header’s left margin 4 pixels out of alignment with the image below it.
But, while the users’ lives might not be on the line, design blueprints (also called design specifications, or specs) could mean the difference between a correctly implemented design that improves the user experience and satisfies customers and a confusing and inconsistent design that corrupts the user experience and displeases customers.
Subscribe to our email newsletter for useful tips and valuable resources, sent out every second Tuesday.
Meet Smashing Book #5, our new book on real-life responsive design. With front-end techniques and patterns from actual projects, it's a playbook to master all the tricky facets and hurdles of responsive design. Save 25% today.
Fixing RWD issues can be quite easy — once you understand exactly why they come up. The Mobile Web Handbook will help you understand technical issues on mobile and how to deal with them effectively.
Hungry for more content? Over 60 eBooks are waiting to be discovered in our lovely Smashing Library. And guess what? You can watch Smashing Conference talks there, too.
SmashingConf isn't the eighth wonder of the world, but we are pretty close. Join us at at the shores of Santa Monica for SmashingConf LA on April 27–30 or at SmashingConf NYC on June 15–18. You won't be disappointed.