That Standards Guy

Links for 2009-07-03 [del.icio.us]

Sat, 04 Jul 2009 00:00:00 PDT

Beautiful fonts with @font-face | hacks.mozilla.org
Power Tips For WordPress Template Developers | Smashing Magazine
This article presents 8 tips for WordPress template developers that address common CMS implementation challenges, with little to no plug-in dependence. These examples are written for WordPress 2.7+ and should also work in the latest WordPress-version.

Links for 2009-07-01 [del.icio.us]

Thu, 02 Jul 2009 00:00:00 PDT

Modernizr
Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies.

Links for 2009-06-30 [del.icio.us]

Wed, 01 Jul 2009 00:00:00 PDT

WordPress Configuration Tricks
html5 Gallery
A showcase of sites using html5 markup.
html5 Doctor
helping you implement html5 today.
HTML5 Demos

HTML5 and Standards.Next

Karl Dawson — Tue, 30 Jun 2009 18:37:27 +0000

Following on from @media 2009 this year was a free event organised by Bruce Lawson and Henny Swan at the inimitable Bricklayer's Arms just round the corner from Tottenham Court Road. HTML 5 was the topic of this inaugural Standards.Next meeting with an impressive array of speakers and content.

Links for 2009-06-29 [del.icio.us]

Tue, 30 Jun 2009 00:00:00 PDT

Let's make the web faster - Google Code
APNG - the animated PNG
The APNG file format is an extension to the PNG spec, allowing for animated PNG files that work similarly to animated GIF files, while retaining backward compatibility with non-animated PNG files and adding support for 8-bit transparency and 24-bit images.

atmedia is dead, long live atmedia

Karl Dawson — Mon, 29 Jun 2009 20:17:43 +0000

Well, what an excellent few days that was in London for, as it turned out, the last @media conference to be run by Vivabit. I only missed out on 2008 so I would like to thank Patrick and team for the vision and hard work put into the conference series to date and wish Patrick well with his new venture. The good people of Web Directions will be taking over the organising for next year and keeping the brand alive I believe.

Links for 2009-06-23 [del.icio.us]

Wed, 24 Jun 2009 00:00:00 PDT

Sprite Me! Helping you sprite up, but maybe you shouldn’t? | Ajaxian
Steve Souders just showed off a new little tool he created, Sprite Me at the Velocity conference that kicked off today. He has made it easier to work with sprites.
Content First | Adactio: Journal
Content isn’t a three-step create, revise and approve process. It’s much more complex than that. And it’s never done.

Links for 2009-06-18 [del.icio.us]

Fri, 19 Jun 2009 00:00:00 PDT

Lessons From Building a Basic Video Player in HTML5 | computed style
HTML5 browsers that support the <video> tag are required to provide a basic set of controls for watching video on a web page. The built-in controls can be turned on by adding the "controls" attribute to the <video> tag. However, in many cases, you will want to provide your own richer set of playback controls. In this post, I intend to call out some of the hurdles that I have run across working on various HTML5 video players.
Introducing iPhone-style Checkboxes
Ever wanted those flash iPhone on/off toggle switches on your webpage? Love jQuery? Well then I've got something special for you. iphone-style-checkboxes implements the iPhone toggles as replacements for standard HTML checkboxes. Simply run the script and your site will be updated with these specialized controls. Best of all, the underlying checkbox is not touched and backend system will never know the difference. The change is purely visual.

Links for 2009-06-17 [del.icio.us]

Thu, 18 Jun 2009 00:00:00 PDT

Styling buttons to look like links | Natalie Downe
A common mistake that many developers make is to use a link to trigger an action on the server, for example deleting an item from a shopping basket or adding something to your favourites. Both of these examples are actions that modify state on the server and should therefore be performed using 'post'.
Treejack
So you think you have an information architecture that works? A Treejack survey will show you the parts of your IA that work well, and the bits that need more work.

Brave New World WordPress theme

Karl Dawson — Fri, 03 Apr 2009 10:37:55 +0000

I'm pleased to announce the release of my first WordPress theme today—Brave New World. The theme is free of layout and styling beyond a modified version of Eric Meyer's reset CSS and two baseline typography CSS files to choose from—just like Elliot Jay Stock's Starkers theme this is a base theme free from cruft yet incorporates HTML5, WAI-ARIA landmark roles and hCard and hAtom microformats.

WordPress HTML 5 Theme now live

Karl Dawson — Wed, 11 Feb 2009 20:45:14 +0000

This post signifies the launch of TSG version 4 using WordPress, HTML 5, CSS 2.1 and 3. It is also a milestone in that I no longer support Internet Explorer 6 and its poor implementation of web standards—this is my personal website after all. Depending on your choice of browser your experience may vary also as I used CSS 3 selectors that are not fully supported yet by all the browsers. Flick around between your test suite.

Z-index: sandwich filler

Karl Dawson — Thu, 29 Jan 2009 12:06:04 +0000

Working with z-index can be a little counter-intuitive at times. With my redesign I wanted to place a "polaroid" style photo of myself behind the "about" section but in front of the main content and header. If I hadn't used such large text and a coloured background perhaps I wouldn't even have noticed what was happening.