Mobile Boilerplate Beta Set of features made specifically for mobile development

z-index of multiple backgrounds Some great advice from Chris Coyier“It’s not really z-index, but multiple backgrounds do have a vertical stacking order. If you an fully opaque fully repeating image as the first one in the list, none of the…

基礎から理解するためのCSS3に関するサイトのまとめ｜Webpark 出典：http://weboook.blog22.fc2.com/blog-entry-229.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+letsfc2+%28%E3%83%AC%E3%83%83%E3%83%84FC2%E3%83%96%E3%83%AD%E3%82%…

CSS drop-shadows without images ul.box li { list-style-type: none; position: relative; float: left; width: 204px; height: 113px; padding: 0; margin: 0 30px 30px 0; background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40…

CSS3 Transform Some reusable classes for CSS3 transform effects .rotate-45 { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); } .rotate75 { -webkit-transform: rotate(75deg); -moz-transform: r…

HTML5 and CSS3 - Part 3 Part 3 in a 6-part series.

CSS3 Button Techniques A look at how a little CSS3 can create gorgeous, responsive buttons without the need for images.

Pure CSS folded-corner effect Create a simple CSS folded-corner effect without images or extra markup. It works well in all modern browsers and is best suited to designs with simple colour backgrounds. 出典：http://nicolasgallagher.com

Resources for CSS3 http://bit.ly/g5ePHe WebDesign

An Almost Complete Guide to CSS3 Borders http://bit.ly/fd29oe WebDesign (vi@ jonathanulco)

350+ Amazing CSS3 Resources – All You’ll Ever Need to Become a CSS3 Master! | Webitect via webitect.net Huge resources about CSS3! Must see…

Quick Tip: A Crash-Course in CSS Media Queries In the past, in order to create layouts based upon the width of the user’s browser, we had to use JavaScript — perhaps combined with a server-side language. Fortunately, the process is now bec…

BonBon Sweet CSS3 Buttons

Advanced Columns using the :nth-child(N) Great real-life example of using :nth-child 出典：http://www.sohtanaka.com/web-design/advanced-columns-w-css/

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の属性…

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 mai…

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 abo…

CSS3 Maker Super slick and easy to use, this one handles quite a few CSS tricks.

Perfect Full Page Background Image Great post by Chris Coyier about CSS3 full page background images