Mangled smiley in @font-face

January 5, 2011

Recently, I noticed that sometimes, when uploading a stylesheet using @font-face, my cute little smiley (thank you Paul Irish!) gets turned into some kind of garbledygook instead of the smile character. Last week, I decided to try an experiment. It cleared it right up. To the top of your stylesheet, add this: @charset “UTF-8″; Be [...]

Read the full article →

HTML5: Native Video, DRM and Plugins

October 13, 2010

I was reading a discussion on the W3C Bug tracker about native video and whether it should, or should not, provide DRM to protect video content. In the process, the point was made by John Foliot that Apple is presenting their own answers in their browsers and devices to the DRM issue (emphasis mine): > [...]

Read the full article →

Inner border (content or padding edge) quirk in webkit?

October 12, 2010

Today on Twitter, Keith Clark (@keithclarkcouk) mentioned he was struggling with creating an element with rounded corners and rgba borders because the background color of the element was showing through. That sounded silly. I mean, modern browsers have background-clip. We can clip to the content, the padding or the border. That should fix it. But [...]

Read the full article →

Javascript and HTML5

October 1, 2010

The web is becoming more and more dependent on Javascript. This has been troubling me a bit since I’ve always held the view that all content should be available and usable (though perhaps in a different state) when Javascript is turned off. Internet Explorer In Internet Explorer (up to version 9), the only way to [...]

Read the full article →

Google—Your balls and periods are all wrong.

September 7, 2010

Now, before you jump down my throat and tell me, “it’s just a logo, lighten up,” let me give a brief explanation (that’s all I have time for and 140 isn’t doin’ it).  Today, Google launched a really cute little experiment where multi-colored balls fly into the page, assemble themselves as the Google logo and [...]

Read the full article →

How to use a list marker with a definition list

August 24, 2010

Today, a friend on Twitter posted a frustration he was experiencing. He wanted to set a list-style on a definition list, but it wasn’t cooperating. According to the spec, a list item -li- in an ordered or unordered list has a marker. A definition list, which has two parts—a dt and dd (or multiple dd)—is [...]

Read the full article →

Box-shadow, Firefox 3.6 & Opera 10.6

August 18, 2010

I’m currently building a site for a dream client—one whose website user base is built of tech-oriented people, who has almost no Internet Explorer 6 in his stats, and who groks, and even encourages, progressive enhancement. I’m using lots of HTML5 and CSS3 goodness on the site and it’s great fun! But in certain areas, [...]

Read the full article →

Modernizr & the latest browser support for CSS3/HTML5

July 27, 2010

Anyone that follows me on twitter knows I’m a big Modernizr fan. There are so many practical uses for it. Yesterday, I finally upgraded my browsers to the latest versions — Firefox, Chrome, Opera and Safari. As I was working on a project, I noticed in my Modernizer string that there were less “no-” properties [...]

Read the full article →

Speaker Scam

July 22, 2010

Yesterday I received a request to speak at an upcoming London Youth Conference. Outside the slightly broken English, it wasn’t unlike other speaking requests. It was written to me by a Reverend Mike Gabriel. He stated where he found my name (through another speaking gig). He promised a contract on request as well as travel [...]

Read the full article →

Firefox, HTML5 and an anchor bug

July 21, 2010

I’m sure someone’s named this bug already. And perhaps it’s written up all over the web. But it just affected a site I was working on today and left me scratching my head for a few minutes. In case you run into it, I’d like to confirm to you, “No, you’re not crazy.” (Well, not [...]

Read the full article →