CSS techniques
CSS Naked Day
Today, April 5th, is CSS Naked Day. This means that if you are reading this on the website and not via RSS, what you are seeing is Clagnut with the CSS stripped off.
Variable fixed width layout
There’s an different approach to web page layout which is gradually getting some traction. The idea is that the layout is changed to best accommodate the window size.
Elements of Typographic Style Applied to the Web
I’m really pleased to finally announce the release of a brand new website, The Elements of Typographic Style Applied to the Web, or Web Typography for short.
24 ways (to impress your friends)
24 ways to impress your friends – an advent calendar.
More on multi-column layouts
Since Firefox 1.5 shipped with a partial implementation of the proposed CSS 3 Multi-column layout module, it’s received a fair bit of attention…
Quiet around here, isn’t it?
Well it’s the usual reason – so much stuff, so little time. There’s two projects, two books and then my arch nemesis pops up.
Easy alpha transparent pngs
The BritPack logo on these pages is an alpha-transparent PNG and I use a little PHP script to deliver browser-specific code to IE6 and IE5.5 and a normal image to other browsers.
CSS & Accessibility
Here’s something that’s been playing on my mind recently. What role can CSS alone play in making websites accessible?
CSS podGuide
Westciv, home of StyleMaster, have turned the content of their excellent CSS guide into what theyre calling a podGuide, so now you can read it on your iPod.
Bug Report, Design Engaged and PowerPoint
PPK has a new browser resource called Bug Report. Design Engaged looked to be hugely successful and fascinating (link to a terrific animation). Veen talks about the difficulty of ditching the PowerPoint mentality.
Resetting default padding and margin
A simple CSS rule appeared recently on the Web Standards Group list, generating a fair bit of discussion.
Web Essentials blog
Web Essentials is almost upon us and now it has a blog. On a vaguely related note, CSS Vault recently pointed to some demonstrations of CSS in scientific web publishing in particular rendering mathematical expressions.
How to size text using ems
Text for the screen is sized with CSS in terms of pixels, ems or keywords. Pixels is easy, keywords are well documented. That leaves ems. I will now attempt to show you how ems can be as quick and easy to use as pixels.
Mozilla DOM inspector
Mozilla’s DOM Inspector (also available in Firefox) can seem daunting at first but is amazingly powerful. Amongst other things, it allows you to see which CSS rules are affecting any given element in order of cascade priority.
OS X newbie alert
My new iBook arrived just in time for the Easter break. This is not only the first time I’ve owned a Mac but also the first time I’ve used one for more than about a minute.
CSS from the BBC
BBC Broadcast has just released a classy new site with valid XHTML and CSS underneath the hood. Check out the transparent sliding menus built on lists.
CSS crib sheets
Another CSS crib sheet (on centering divs) from Andy Budd and a first A List Apart article (on creating a JavaScript image gallery) from Jeremy Keith.
More on fixed widths
Fixed versus liquid design is an emotive debate. Liquid layout seems more intuitive, appropriate and elegant but is not without issues. However many concerns can be addressed with little or no compromise.
The new typography
Why and how Web designers should be using font-family in a more adventurous manner: there are some great typefaces out there – let’s use them. The Visibone survey is an invaluable aid in typeface selection.



