Please consider donating: a local project in memory of my daughter

Archive for the "css" Tag

link elements block DOM parsing too

Today we're pretty well versed with how JavaScript works. We know that script elements block rendering (well, actually blocks the parsing, which thus delays the rendering), and we know why8. Sure, so we put the script elements at the end of the document. But did you know that link elements block too? * document.write can affect [...]

CSS selector for :parent targeting (please)

Me this weekend: I can't count the number of times I've cursed CSS for not having a :parent pseudo selector: a img:parent { background: none; } The what followed was some going back and forth with people who have thought this properly through.

Safari's problem with @font-face

@font-face is definitely a huge string to the CSS author's bow, in fact, it's like a freekin' flamin' arrow, but watch out, Safari isn't very nice to slow connections.

CSS Tricks' Link Nudge

A subtle effect on the CSS Tricks site that I've always liked, is the nudged links in the footer of the page. With recent chatter about Progressive Enrichment I thought it would be fun, and rather quick to show off his effect using just CSS.

IE6 reading text colour for border colour!

In creating a particularly complicated styling for a project I'm working on, I've come across a corker of a bug in IE6.

Grid Tools

I've recently been doing more and more cutting from mocks to HTML & CSS and one particular job required me to work to a specific grid layout. In working to these grid layouts, I've created a couple of tools to make generating and working with the grids a little easier.

How to detect if a font is installed (only using JavaScript)

In the pursuit of an idea I had recently, one tiny feature of the web site would be to detect whether the user had X font installed. I've looked at flash solutions, since a SWF had access to enumerate the fonts, but ultimately if it could be done without flash, it would/should be faster and smarter. So [...]