CSS 2.1, CSS 3 dan HTML 5 Help Cheat Sheets (PDF)

Sekarang, kita bisa cepat untuk melihat secara keseluruhan properti apa saja yg ada di CSS 2.1, CSS3 dan HTML 5, karena sudah disediakan cheat sheets yg mantap. Jadi bisa belajar secara keseluruhan dan maksimal :D. Selamat Menikmati!!!

The CSS 2.1 Help Sheet covers Syntax, Font, Text, Margins, Padding, Border, Position, Background, List, Media Types and Keywords. The CSS 3 Help Sheet contains code snippets for Rounded Corners, Box Shadow, Multiple Columns, Text Shadow, RGBa, Font Face (actually, not the CSS3 property, but still include for the sake of usefulness), Box Sizing, Box Resize, Outline and Gradients.

css preview
css 3 help sheet preview

CSS 3, awesome!!!

Anda sudah mencoba CSS3?

Pasti akan terkesan :mrgreen:.

Di postingan ini saya hanya ingin share beberapa resource list bwt css3 :D. And there are very great!!!

Beberapa contohnya yaitu : Spinning Cds, multiple borders, multiple columns, text shadows, all here! So if you want to learn css3 please check my links!

1. CSS Wizardry—CSS3 Examples & Progressive Enhancement

All CSS shown corresponds to the elements directly above. The ID/class names are the same as used and all CSS3/progressive enhancement snippets are shown in bold.

2. Sliding Vinyl with CSS3

We take an image of an album cover, some basic HTML, and a little fancy CSS3 that, on hover, slides out the pure-CSS vinyl record behind it.

3. Polaroid Images with Only CSS3

In this playground adventure, we use some awesome CSS2 and CSS3 to turn an otherwise unassuming list of images into a full-blown set of polaroid pictures.

4. Recreating the OS X Dock

We take a basic list of links and turn them into an awesome OS X dock of icons.

5. Super Awesome Buttons with CSS3 and RGBa

Using descriptive class names and CSS3 properties like gradients and box shadows, we create a set of scalable button styles for links and buttons. Continue reading