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.