Adventures in Interface Development

  • SVG Spriting

    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

    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

    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.


  • Lose My Number

    iOS has a handy built in feature: automatically sensing phone numbers and making them active links. When you touch them you get a dialog to make a call to that number. Unfortunately this can cause problem with your layout and your pages.

  • The Gummy Worms of the Mobile Website

    The mobile website I built Office Depot received a perfect score from Keynote Systems, but that doesn’t mean it’s perfect. There is always room for improvement. When it comes to peak performance even small gains can make a big difference. What’s wrong with this picture? At first glance it seems okay. The site checks in…

  • Office Depot’s Mobile Website Gets a Perfect Score

    A recent article by Internet Retailer states that the Office Depot m-commerce website “exhibits spectacular performance”, citing our first-place ranking in Keynote Systems’ weekly rankings, in which the Office Depot mobile website achieved a perfect score of 1000. There are two main components in this performance rating: uptime and page load speed. The uptime is the…