It’s SVG for iPhone web apps

Just a quickie. If you’re wondering how to create icons (or other graphics) that look decent on both the standard iPhone display and the fancy-schmancy Retina display – don’t create multiple copies – just use SVG. Get a copy of Adobe Illustrator. Export to SVG. Job done. (In Mobile Safari SVG can be used both […]

The state of web fonts

With support for @font-face finally widespread enough to make it useful, a rash of font delivery services have sprung up. Typekit Fontspring Fontdeck FontFonts Fonts.com (out of beta today) Frustratingly, none of the services work the same way. There are several delivery mechanisms in the mix (some using JavaScript, some not), the payment models are […]

Stacking text-shadow

Alas, support for the text-shadow CSS property is not included in the forthcoming release of Internet Explorer. This is a real shame because it lets us create some really interesting effects. The text-shadow property The text-shadow CSS property looks like a cross between margin or padding and a color property: text-shadow: #000 2px 2px 5px; […]

Targeting iPhone 4 with CSS

Because the iPhone 4 has such a high resolution screen, the usual technique of detecting the device width in pixels (320 for previous versions of the iPhone) no longer works. Thomas Maier has come up with a way to target the iPhone 4 specifically. <link rel=”stylesheet” media=”only screen and (-webkit-min-device-pixel-ratio: 2)” type=”text/css” href=”../iphone4.css” /> Very […]

A canvas experiment

Hello world. I’ve created a basic guitar chord finder using the HTML5 canvas tag – it’s called Strumpet. It’s a little rough around the edges but it does the job. Take a look. More info later. (Of course, it only works on browsers that support canvas.)