Tagged with bleedingedgeofweb

CSS3 Multiple background images

Firefox 3.6 supports multiple background images so I thought it was time to give them a go and figure out how they work. May contain small rant about beautiful markup.
Published in CSS on Monday, November 23rd, 2009

SVG images as CSS backgrounds

Experimenting with using an SVG image as a CSS background image.
Published in CSS on Wednesday, August 12th, 2009

CSS3 box-sizing attribute

CSS3 is going to include a new attribute called box-sizing so we can choose whether the width set on an element will include borders and padding or whether borders and paddings will be added to the width. The difference is basically the difference between the IE5 and W3C box models. The default will still be the [...]
Published in CSS on Monday, October 20th, 2008

The bleeding edge of web: media queries

Media queries are extra params for the CSS @media types that you can use to target styles for different devices based the device’s capabilities like dimensions and colour depth. They are part of the W3C CSS3 standard and are supported in the latest vesion of Opera (desktop and mini versions), Firefox and Safari. Media queries will [...]
Published in CSS on Friday, July 18th, 2008

The bleeding edge of web: querySelector() and querySelectorAll()

One thing coming up in the W3C selectors api spec are a couple of new methods for retrieving DOM elements called querySelector() and querySelectorAll() that take a css selector and return a node or list of nodes that match. They basically do the same thing as the css query features of JQuery or Dean Edward’s [...]
Published in Javascript on Saturday, July 12th, 2008