The IE9 has a new JavaScript engine which performs much better than IE8 & some other browsers.

Another good news is, it supports HTML5, CSS3 & SVG almost completely.

The website includes speed, HTML5 & graphics demos besides the comparisons of the features with other browsers.

This new release requires Windows Vista SP2 or Windows 7 which hopefully changes with the stable release (otherwise, IE may continue to be a barrier on new standards as XP will probably live long).

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
• CSS3 Framework With HTML5 Support: 52framework
• Better HTML5 & CSS3 Usage By Detecting Browsers Capabilities With Modernizr
• Simple & Functional Screenshot Tool: LightShot
• Plupload: Advanced Multiple File Uploader

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

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

Fonts listed are well-categorized with their styles & it is possible to view the most-downloaded ones that generally takes you to the most popular fonts.

The @font-face property of CSS3, which enables us to use any font in websites needs some work on fonts as every browser requires different formats:

• Original TrueType or OpenType Fonts for Firefox 3.5 and Safari
• EOT fonts for Internet Explorer
• SVG fonts for Opera, iPhone & Chrome
• WOFF fonts for Firefox 3.6+

Font Squirrel has ready-to-use @font-face kits for many popular fonts which include everything needed (and some examples). Also, it offers a @font-face generator to upload your fonts & create custom kits.

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

• CSS3, Please! – The Cross-Browser CSS3 Rule 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

It aims to prevent the usage of browser-specific properties & hacks but make leaner & meaner CSS possible.

eCSStender is an extendible library with its API support & has ready-to-use extensions like CSS3 selectors, @font-face, rotation & more.

How does it work?

• it loops through the document's stylesheets and begins collecting information
• parses the rules it understands
• checks if the parsed rules are supported by the extensions
• applies the supported rules to the document via JavaScript

It is a very flexible library & well-documented that makes discovering the capabilities easier.

The download package includes examples which you may be surprised to see CSS rotation working even in IE6.

To better findout how functional eCSStender can be, check this presentation of Aaron Gustafson at the "An Event Apart Chicago 2009":

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

• Better HTML5 & CSS3 Usage By Detecting Browsers Capabilities With Modernizr
• 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

There are lots of new tutorials, resources being created on HTML 5 / CSS3 including cheat sheets which are very functional helpers for anyone willing to code with these standards.

Although there are (currently) few around, here is a collection of HTML 5 and CSS3 cheat sheets:

P.S. the list will be updated with the new ones once they are created, please feel free to share them.

HTML 5 Cheat Sheets

HTML 5 Visual Cheat Sheet

HTML 5 Cheat Sheet

HTML 5 Canvas Cheat Sheet

HTML5 id/class Name Cheat Sheet

CSS3 Cheat Sheets

CSS3 Cheat Sheet

CSS Properties Index

Although this is not exactly a cheat sheet, it is a very easy-to-browse index for every CSS level (makes comparisons easier) with links to the original W3C pages.

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
• Font Squirrel Presents Free Fonts, @font-face Kits & Generator
• eCSStender: A JavaScript Library To Take Control Of Your CSS
• CSS3, Please! – The Cross-Browser CSS3 Rule Generator