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. The test-case that this based on uses the ideal, easiest (laziest) implementation and can be found on its own page here.
Hi Internet! Happy New Year! Here’s a list of the best weblogs on the internet in 2009:
Chris Coyier over at css-tricks.com had a great example of a css conundrum: how to centre, both vertically and horizontally, multiple lines of text. He some good code (using table-cell) but his code for IE relied on some (script)expressions which can have the unfortunate habbit of slowing down a page.
This series of articles is about the challenges that arise when using @font-face. Font licensing is one (that many others have written about) and the file-size of included font-files is another, but this article is about browser implementation eccentricities. I’ll start off by showing the ideal @font-face implementation in this article, before moving on to showing current browser deficiencies and the implementation I settled on for including a full font-family which works in the here and now.
Good Example: YouWorkForThem Nice clear vertical design from YouWorkForThem. Good use of fixed positioning for the pagination.
Just a quick note to commemorate a design refresh of this site. Have been looking for ways to create separate attention for main text and the sidebar. Can’t say I haven’t been inspired by Jon Hicks (and others) who has also just implemented a differing-colour-main-part-with-border on his site. Kept the main nav in the middle, to add ugliness give the design a quirky edge. If I have time to put the search-bar up top the nav may be able to move over to the left.
El Ten Eleven playing Hot Cakes.
El Ten Eleven is just pure instrumental goodness. It’s like they only play the cool bits of rock songs.