However, as expected, it doesn't work consistently on every browser (specially IE) and requires a different rule for almost each of them like:

• -moz-transform for Mozilla
• -o-transform for Opera
• -webkit-transform for Webkit engines (like Safari)

cssSandpaper is a JavaScript library which enables IE to support CSS transforms and every other browser to work with the same rule definitions.

The library requires its own CSS rules like -sand-transform, -sand-box-shadow or -sand-gradient.

Once they are defined, it searches for these rules in the CSS file and applies the browser-specific transformations via JavaScript.

There is an impressive demo provided which can be tested with every browser.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Zoom Script With A Smart Interface: TJPzoom
• YUI Slideshow: Customizable And Animated Slideshows
• Wrap Content Around Images: jQSlickWrap
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls

After the CSS3, Please!, which was shared at WRD few days ago, Randy Jensen has created a very easy to use website for creating CSS3 rules named CSS3 Generator.

It simply lets you to choose the rule from a list that includes:

• border radius
• box shadow
• text shadow
• RGBA
• @font-face
• multiple columns
• box resize
• box sizing
• outline

and customize them while previewing the outputs instantly.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Use CSS3 Pseudo Selectors With IE: ie-css3.js
• Test Drive IE9 With The Preview Release
• HTML 5 And CSS3 Cheat Sheets Collection
• Font Squirrel Presents Free Fonts, @font-face Kits & Generator
• eCSStender: A JavaScript Library To Take Control Of Your CSS

As every browser may require different prefixes for the CSS3 properties, this tool makes it so easy by providing them all with an editable & well-commented way where the output can be seen instantly.

Currently, it helps you write the rules for: border-radius, box-shadow, linear-gradients, rotation & @font-face. Some other transforms like skew & scale will be added soon.

For some transforms, that Internet Explorer can support via IE filters, they are mentioned too.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Font Squirrel Presents Free Fonts, @font-face Kits & Generator
• Use CSS3 Pseudo Selectors With IE: ie-css3.js
• Test Drive IE9 With The Preview Release
• HTML 5 And CSS3 Cheat Sheets Collection
• How Typefaces Will Look On The Web? Web Font Specimen

There are no images or JavaScript in the implementations but uses the :before and/or :after pseudo-elements to produce basic shapes.

The HTML remains semantic however we should remember that CSS3 is not fully supported by all major browsers & we may again require JavaScript to add this support (like IE7.js).

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Use CSS3 Pseudo Selectors With IE: ie-css3.js
• Test Drive IE9 With The Preview Release
• HTML 5 And CSS3 Cheat Sheets Collection
• Font Squirrel Presents Free Fonts, @font-face Kits & Generator
• eCSStender: A JavaScript Library To Take Control Of Your CSS

It contains an eight-column grid optimized for a line-height of 24px & a set of typography presets based on the golden ratio which is parallel to the grid’s vertical rhythm.

Web pages created with the framework collapse smartly into a single column in modern browsers & on small screens.

Less Framework uses the HTML5 enabling script by Remy Sharp & optionally there is a JavaScript function provided (requires jQuery) included which mimics the function of min-device-width for browsers that do not support it.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Plupload: Advanced Multiple File Uploader
• Live Data While Scrolling For Ext JS
• HTML5 And Javascript Audio Interface: JAI
• Feature-Rich Data Grid For jQuery: Flexigrid
• Better HTML5 & CSS3 Usage By Detecting Browsers Capabilities With Modernizr

The framework enables you to create multiple columns of any width, with or without gutters of any width.

EZ-CSS is very flexible:

• each module or layout contains a width-less container which prevents rounding issues or rounding errors.
• it creates self-clearing containers which means every box will contain floats.

As EZ-CSS has a very small footprint, it can be fully inserted into any stylesheet or a style element which would make it compatible with every other CSS framework too.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• User Friendly Prototype + Script.aculo.us Popups: Modalbox
• Use Lightbox From Flash: flashLightBoxInjector
• The New Script.aculo.us For Prototype: Scripty2
• Sortable And Editable Tables (With Ajax)
• Smarter And Good Looking Lists With Smart Lists

It uses HTML5 tags like header, nav, section, article, footer or new input field types like url, email, etc. The framework also has a HTML5 compatible reset stylesheet.

52framework uses the new ::selection selector that enables you to customize the properties of selected text.

It can apply rounded corners for any block level element, text-shadow for text elements & more.

The framework also includes styles for creating grids: 16 column, 52 pixel based with 8 pixel gutter.

52framework is a user-contributed resource & you can easily send suggestions to improve it further.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Test Drive IE9 With The Preview Release
• Better HTML5 & CSS3 Usage By Detecting Browsers Capabilities With Modernizr
• Use CSS3 Pseudo Selectors With IE: ie-css3.js
• Plupload: Advanced Multiple File Uploader
• HTML5-Powered CSS Framework: Less

It comes with a set of stylesheets: layout, borders, backgrounds, links, forms, text, colors & tables which makes it possible to use only what is needed.

The framework has a combination of references like adding a w10 class (10-1000 is defined) will make an element 10px or p5 (5-50 is defined) will add a 5px padding.

It doesn't force or limit the designer with preset widths/heights, rather, it focuses on offering the most used styles in a flexible way.

There is a set of examples provided which shows how Markercss works.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Style Tables Easily With Tablecloth
• Sortable And Editable Tables (With Ajax)
• Maximum Table Functionality: DataTables
• Easy Draggable Table Columns: Dragtable

PV.M Garage, a blog focused on web design, is sharing an inspiring tutorial which shows "how to create 3D ribbons with only CSS3".

The tutorial makes use of the CSS3 properties box-shadow, transform & border-radius.

Also, lets remember that it is possible to create triangles with CSS which is the key for the ribbons in this tutorial.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Use CSS3 Pseudo Selectors With IE: ie-css3.js
• Test Drive IE9 With The Preview Release
• HTML 5 And CSS3 Cheat Sheets Collection
• Font Squirrel Presents Free Fonts, @font-face Kits & Generator
• eCSStender: A JavaScript Library To Take Control Of Your CSS

Including 2 JS files (DOMAssistant is required too) into your web pages & inserting CSS files with the <link> tag (inline styles are not supported) will make the rules work.

How does it work?

ie-css3.js downloads each style sheet on the page and parses it for CSS3 pseduo selectors.

If a selector is found, it's replaced by CSS class of a similar name. For example: div:nth-child(2) will become div._iecss-nth-child-2. Next, DOMAssistant is used to find the DOM nodes matching the original CSS3 selector and the same CSS class is applied them.

Supported selectors are:

• :nth-child
• :nth-last-child
• :nth-of-type
• :nth-last-of-type
• :first-child
• :last-child
• only-child
• :first-of-type
• :last-of-type
• only-of-type
• :empty

Alternatively, the popular IE7.js offers a similar functionality as well.

P.S. It doesn't support :not() pseudo selector.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Test Drive IE9 With The Preview Release
• Simple & Functional Screenshot Tool: LightShot
• Lightweight Rounded Corners: DD_roundies
• HTML 5 And CSS3 Cheat Sheets Collection
• Font Squirrel Presents Free Fonts, @font-face Kits & Generator