#css3 (83 links)
- Candy by James | CSS3 @font-face browser support table james.gameover.com
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.
- You Can Use CSS3 Right Now | Design Informer designinformer.com
- CSS3 Examples and Best Practices webdesignerwall.com
- The hidden power of border-radius « CreativityDen blog.creativityden.com
- The Beauty of CSS3 Animation | INSIC DESIGNS blog.insicdesigns.com
- CSS3 + Progressive Enhancement = Smart Design • Perishable Press perishablepress.com
A fine looking round-up.
"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."
- 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.
- @font-face in Depth useragentman.com
- mezzoblue § Starting with @font-face mezzoblue.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 - @font-face in IE: Making Web Fonts Work — Jon Tan 陳 jontangerine.com
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.
- 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