Great real-life example of using :nth-child

css3 webdesign

Advanced Columns using the :nth-child(N)

出典：http://www.sohtanaka.com/web-design/advanced-columns-w-css/

2010-12-19

Simply include the script in your pages and selectivizr will

css3 webdesign

CSS3 selectors for IE

Selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.

要するに、IEでCSSの属性セレクタを使えるようにするライブラリです。

2010-12-18

Properties like border-radius, text-shadow, custom gradients,

css3 webdesign

CSS3 Border Images for Beautiful, Flexible Boxes

“Properties like border-radius, text-shadow, custom gradients, and even CSS3 transitions have been shown to be quite practical, resolving real-world design issues with minimal markup and maintainable code.”

出典：http://articles.sitepoint.com/article/css3-border-images

2010-12-18

webkit-background-clip property.”

css3 webdesign

Sneak — Fixing the background ‘bleed’

“I recently came up with an issue in Safari where the background colour of an element seemed to “bleed’ through the edge of the corners when applying both borders and a border-radius (see the image above). I then found a solution, and it came in the form of the -webkit-background-clip property.”

出典：http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed