Adventures in Interface Development
-
SVG Spriting
SVG sprites offer the same efficiencies as PNG sprites, but they can be trickier to implement because of their innate scalability.
-
Creating Social Icons from Glyphs
Even though using font glyphs for social icons allows only one color, complex color can be added with background gradients in a CSS-styled structure around the glyph.
-
Making a Custom Icon Font for Your Website
Reducing server calls for image resources will speed up your page load and enhance performance. A great way to do this is to replace sprited icons with mobile-friendly custom fonts.
-
Office Depot Mobile Site Launches
Office Depot’s in-house m-Commerce site blows away the legacy vendor-developed site with its clean, branded design, speed improvements and robust feature set. Putting the user first kept us focused on ease of use and speed. Overview: With 8.5% of 2011 internet traffic coming from mobile devices and trending upward, mobile is an important channel for online…
-
Progressive Degradation
By now you’ve probably heard designers throwing around the terms “progressive enhancement” and “graceful degradation” when discussing their web designs. I’ve come to realize that most designers and even some developers are misusing these terms. They are using them as excuses for designs that never tried to be universally accessible. I’ve begun to call this…
-
The Cost of Bad Design
We’ve all seen what we would call bad design on the web, and we usually base this judgement on our personal aesthetic preferences. I have a new definition of bad web design that goes beneath the surface: If your “web design” doesn’t actually work on the web you’ve failed.