Archive for the tag “CSS”

Search for “CSS” on Technorati.

More CSS Drop Shadows For All Browsers

Thanks to the unstoppable advancements of web standards aiding mankind to overcome the real burdens of the 21st century, adding drop shadows to boxes became much easier in recent years! No more PNG background images! Leaving the question aside whether drop shadows are really progressive and appropriate for a flat medium (anybody remember the fad of “3D” bulging buttons in the 1990ies?), I was confronted with the challenge of adding box shadows in Internet Explorer for a client project. […]

Please Provide Padding

There are other websites were you can buy train tickets, but if you live in Germany it's most likely that you will book a ticket on the website of Deutsche Bahn (German railways). Much has been said about accessibility on that site, and sure there's room for improvements in future updates. But some things just work well […]

Accessible Drop-Down Menus

A few days ago a co-worker asked if DHTML drop-down menus pose a problem with accessibility. Since the Web Content Accessibility Guidelines 1.0 (WCAG) declared all JavaScript evil in 1999, assistive technologies (AT) have made significant progress. So we cannot condemn pull-down menus altogether, but there are various reasons to keep an eye on them buggers. […]

Better Foreground Sprites

A while ago I wrote about using CSS Sprites in img tags — Foreground Sprites. Thus you avoid HTTP requests, but the page turns really ugly when CSS is switched off because the sprite image will be displayed in its full size. Now Google’s accessibility specialist T.V. Raman explained their idea of using sprites for foreground images — a much better solution!

@media 2008

I had the chance to visit the @media conference in London again, for the third time. Again it was different than the last times. Perhaps less spectacular, a little less people, no real revelation. There were excellent talks inside the halls, but the best talks happened outside. Like speaking with Nate Koechley about […]

Foreground Sprites

Most rollovers have become obsolete because they can be performed on background images with CSS sprites. However, there are those rare cases when there is just an icon without text, like a “play” or “pause” button. This article discusses how to apply CSS sprites for foreground images. […]

Website Performance Tweaks, Part Two

Nate Koechley presented the research results of the Yahoo! Exceptional Performance Team two weeks ago in London. The traditional focus of performance optimization has been on the backend, i.e. system efficiency. But comparing a number of high profile websites, the Yahoo! team found that frontend performance is responsible for 80-98% of the perceived response time. Therefore doubling the frontend performance gains more than doubling the backend performance. […]

Best Practices in Web Development

Roger Johansson and Sean Fraser recently reviewed websites which were submitted for the CSS Reboot Spring 2006, and they seemed to be quite shocked when 71.8% failed to validate. While this is sobering and to a degree surprising — one might expect better results from CSS aware developers on a relaunch — it confirmed my own results from reviewing a couple of high profile websites for clients. […]

My @media 2006 Day One

@media is a web conference in London with a focus on web standards and accessibility, and impossible to google. I missed last year’s conference, thus I was looking forward to finally meet all the people whose articles, web publications and more recently blogs provided my literature and inspiration for the past seven years or so. […]