Quickly sprucing up my 404 page, with a little help from -webkit-background-clip
over 3 years ago
Is there a fallback option for people not using a webkit based browser? Because, as I'm sure you'll know, all they will see is a large area of whitespace. I read an article recently where someone suggested the use of text-shadow with background-clip purely for this matter.
@Jack -webkit-background-clip is being specified only for Webkit browsers. Everyone else simply sees text coloured #dedede.
The baseline grid on my site requires a fair bit of constant tweaking to get it just right in different rendering engines, so I use Bastian Allgeier's PHP CSS Browser Selector script to bring through a selection of class names to the 'html' element. This saves me having to use bizarre browser-specific CSS hacks which may or may not eventually cease to function, and also let's me target only -webkit- for select types of enhancements.
Just re-read my comment, boy did I sound like a jackass, didn't mean it to come across that way mate :) Also - I think I must have been thinking about this -webkit thing too much because I totally forgot about specifying a fallback option using just coloured text. Yowzers!
@Jack Haha, don't be daft!
You've totally got Webkititus though ;)
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter