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.
-
Things designers do that make me crazy
I’ve worked with a lot of designers over the years, and there are things they all seem to do that make my job harder than it needs to be. I blame Photoshop. Here’s a short list
-
The Beauty of the Square
The most important thing I learned about product images in e-commerce is that they should always be squares of the same size. I can’t begin to describe the headaches I’ve endured due to rectangular (cropped) product images at every enterprise I’ve developed for, while getting absolutely no advantage from this decision. Once you’ve got all…
-
Give Me… Deep Sea Horror Movies
jQuery has robust string functions. During the course of a personal hack I explored the different ways to break a string in two and use each piece separately.