LessFussDesign blog

Posts Tagged ‘CSS’

22 Aug 2009

Typeface JS & font weight

Rather than exporting individual images or using PHP image replacement as I normally would, I recently tried out Typeface JS [external link] – a method that uses javascript to embed fonts – to make use of a non-standard typeface in the headings of a web design. Typeface JS is pretty easy to use, but there’s one thing to be wary of: how you use the font-weight property in your CSS. Continue reading »

2 comments
11 Aug 2009

Web form help text & accessibility

In the last piece I did on accessible web forms, I mentioned that in Forms Mode the JAWS screen reader won’t announce any content in a form that isn’t marked up in a form HTML tag. 90% of the time you can make forms more accessible by using labels for each field, but sometimes you want to provide more information than can fit nicely into the label (e.g. some extra help text) without making a meal of the layout and styling. Here’s a way of styling content in an HTML label tag so it looks like it’s separate from the label, but will still get read out by screen readers. Continue reading »

3 comments
03 Jun 2009

Universal Internet Explorer 6 CSS – putting a plaster on the Achilles heel

I’ve been taking a look at Andy Clarke’s new solution to the old Internet Explorer 6 problem – using one universal CSS file for all sites [external link] (with ‘a little branding here, or a touch of customization there’) – and I’ve decided I don’t really like it. I don’t like it because it serves web designers and developers, rather than the right people – clients and users. And because I think it will promote laziness when it comes to testing sites in IE6, which – like it or not – will most likely be around for a while yet. Continue reading »

5 comments
09 Apr 2009

Naked

No, not me you’ll be disappointed glad to hear, but this blog – it’s the fourth CSS Naked Day [external link] today, the annual event from the Gok Wan of web standards, Dustin Diaz [external link]. I’m de-robing this blog for the first time to show my support, and to demonstrate that while far from pretty, the site should still at least be usable.

Continue reading »

1 comment
07 Jun 2008

Conditional comments for Internet Explorer

Conditional comments, combined with some browser-specific CSS, are a great way to get your website’s design & layout working in the various versions of Internet Explorer. But be careful, browser version targeting can soon have you and your website’s layout in knots unless you know exactly which browser(s) you want to target, and what CSS hacks to use. Continue reading »

2 comments