#css3 (83 links)
- Progressive enhancement: pure CSS speech bubbles – Nicolas Gallagher — Blog & Ephemera nicolasgallagher.com · Archived on
Various forms of speech bubble effect created with CSS2.1 and enhanced with CSS3. No images, no JavaScript and it can be applied to your existing semantic HTML.
It’s time for a CSS3 @font-face browser support table. One that documents specifically how browsers act when either the whole font family is specified (regular, italic, bold, bold-italic & small-caps) or only the regular version of the font is specified.
Via paul.irish.
- You Can Use CSS3 Right Now | Design Informer designinformer.com
- CSS3 Examples and Best Practices webdesignerwall.com
Via paul.irish.
Via paul.irish.
- The Beauty of CSS3 Animation | INSIC DESIGNS blog.insicdesigns.com
- CSS3 + Progressive Enhancement = Smart Design • Perishable Press perishablepress.com
A fine looking round-up.
Via paul.irish.
"Some of the tricks are brand new, some are very, very old, IE5.5. old. They all have in common the "fewer or no images" mantra."
Via paul.irish.
- 24 ways: Going Nuts with CSS Transitions 24ways.org
- 24 ways: Working With RGBA Colour 24ways.org
- High Performance Web Sites :: @font-face and performance stevesouders.com
Ouch. "My first piece of advice is to avoid using @font-face unless it’s critical to the page. The primary reason for this advice is that font files block rendering of the entire page in IE until they’re done downloading. Stylesheets also have this problem. But stylesheets provide styling for all aspects of the entire page, whereas font files only add one thing - a custom font."
- Boing Boing Redesign Uncovers Web Font Ignorance | Phinney on Fonts thomasphinney.com
Bottom line: the font sucks. This should not be a surprise. Most free fonts do. Don’t get me wrong. There are a few great free fonts out there. But 98% of free fonts suck badly, and maybe about 20% of typically-priced retail fonts suck badly, so set your expectations appropriately.
Far from delivering the look BoingBoing was going for, @font-face fell flat on its face; when the changes went live Tuesday, not only were the fonts Boing Boing wanted to use not legally available for the web, the font it settled on — specifically BPreplay — ended up looking terrible for most users.
Via paul.irish.
- @font-face in Depth useragentman.com
- satine.org » Snow Stack is Here satine.org
Looks cool. Wish I could be bothered to install the Webkit nightly so I could see it in context.
- Adactio: Journal—The Rise of HTML5 adactio.com
"We used this as an opportunity to really push what Dan has been calling "progressive enrichment": sprinkling in some modern CSS declarations even if not every browser gets all of them [...] So if you view the UX London site in IE6 it looks fine. Nothing special though. But if you view the site in a browser like Safari, a lot of little details shine through. The design is pretty much a test-case for the box-shadow property using RGBa."
#css #standards #html #html5 #css3 #clearleft #web #design #inspiration#progressiveenrichment #progressiveenhancement As you probably know @font-face already works in Safari 3 via WebKit and is supported in the latest Firefox 3.1 beta. With IE, that means around 75% of the world audience could see custom typefaces today if their EULAs allowed it. Fortunately, there are good free faces available to us already, as well as some commercial faces that permit embedding.
Via nickandjess.
- Digital Web Magazine - Everything You Know About CSS Is Wrong digital-web.com
"When released, Internet Explorer 8 will support many new values for the CSS display property, including the table-related values: table, table-row, and table-cell—and it’s the last major browser to come on board with this support. This event will mark the end of complex CSS layout techniques" assuming one doesn't care about IE6, IE7 or source order.
Many of the more advanced [CSS] features aren't widely supported by the dominant browsers, but some very useful ones are -- including newer features from CSS3.
IE8 will be the last of the major browsers to add support for CSS tables, which will enable designers to use table-based layout techniques without misusing HTML table markup.
- Digital Web Magazine - CSS Not([hacks]) digital-web.com
"The possibilities of using CSS3 selectors as an alternative to hacks when targeting specific browsers." Novel.
- Continuing Intermittent Incoherency » CSS 3: A Giant Serving Of FAIL alex.dojotoolkit.org · Archived on