• How to make sexy buttons with CSS
• Rediscovering the Button Element

The buttons are created with pure CSS and, optionally, improved with JavaScript (code is provided).

They fit to any text & come with 3 states: inactive, active and hover.

P.S. Their compatibility is tested on IE6 IE7 FF(PC/MAC) Safari SafariMobile Opera(PC/MAC).

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
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls
• Web Based FTP Client Similar To Windows Explorer

It has a comprehensive logic. The classes are mentioned like: six_column section or three column which makes it easier to use & understand.

With the simple layout & use of CSS, the Fluid Grid System degrades well in both older web browsers, scales with text nicely & presents content to screen readers in a logical manner as well.

The framework is also great for rapid prototyping besides final production layouts as designers can quickly design complex layouts.

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

• No related posts.

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
• What You See Is What You Ajax: WaveMaker
• wForms: Easy JavaScript Form Controls

A great thing about the framework is, "it is written exactly like CSS", so, no need to learn a new syntax.

How it works?

CSScaffold sits in your CSS directory, & uses .htaccess files to automatically pass any CSS file through itself first for processing/caching which all happens in the background.

Some Features:

Like mentioned, CSScaffold improves the language itself. This happens by making the usage of:

• constants
• mixins
• nested Selectors
• expressions
• caching and gzipping

possible.

It has a plugin architecture which makes adding new features possible & easier.

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

• Zimplit: Easiest CMS For Simple Websites
• Wiki-Like Project Management Tool: Streber
• Web-Based PHP FTP Application: phpWebFtp
• Web-Based MySQL Management With Only 1 File: Adminer
• Web Server That Runs On CD-Rom: Server2Go

Using xCSS can save a lot of development time by:

• using variables
• having a intuitive overview of the overall CSS structure
• re-using existing style cascades
• & more..

xCSS requires PHP 5 to run & can be configured very quickly by inserting few lines to the webpages + the stylesheet.

The framework is lightweight, can seamlessly integrate into any existing workflow & well-documented which lowers the learning curve.

Also, besides minimizing the CSS overhead, it still keeps (X)HTML attributes semantic.

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

• Zimplit: Easiest CMS For Simple Websites
• Wiki-Like Project Management Tool: Streber
• Web-Based PHP FTP Application: phpWebFtp
• Web-Based MySQL Management With Only 1 File: Adminer
• Web Server That Runs On CD-Rom: Server2Go

It has 2 versions:

• using MooTools
• using jQuery (improved version in means of design & functionality)

The panel works by overlapping the content rather than pushing it & can be easily converted to be used for any other functionality (like navigation, search, contact form, etc.)

It is also converted into Wordpress plugins:

• Sliding Panel: WordPress Plugin by Justin Tadlock.
• SuperSlider-Login by Twincascos.

P.S. It comes only the HTML-CSS-JavaScript part of the code & doesn’t have an integrated login system. Such a function needs to be adapted while using the code.

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
• Wordpress QuickAdmin Plugin By WRD
• WooThemes Launches With New Themes
• 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

• eCSStender: A JavaScript Library To Take Control Of Your CSS
• Better HTML5 & CSS3 Usage By Detecting Browsers Capabilities With Modernizr

They are XHTML-CSS templates which are not customized specially for any CMS or blogging software.

Some of them (portfolio templates) come with a built-in slider script & all are free to use under the CC Attribution 3.0 license.

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

• No related posts.

With the help of reset.css & base.css files, Baseline clears the default behavior of your browser & builds a basic typographic layout to start with.

Compared to most other frameworks, Baseline uses the font metrics to line up headlines, paragraphs, form labels and any other major elements rather than regular line-height. And, it is compatible only with the recent web browsers (Safari 3+, FF3+, IE8+..).

The download package includes the full set of CSS files both for development and deployment, a Photoshop base document and a full set of HTML templates and examples.

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

• Zoomable CSS Framework: Typogridphy
• Resource On Grids: The Grid System
• Live Data While Scrolling For Ext JS
• Feature-Rich Data Grid For jQuery: Flexigrid
• Design With Grids: 960 Grid System

Using Elastic is like having a conversation with the code as it uses a declarative language.

It supports "combining classes" which helps creating almost any type of layout. And, it comes with a set of helper classes, to accomplish hard things by pure CSS like: same-height, full-width, and vertical-center.

Another nice feature is: both absolute & relative positioning can be used as no overlfow:hidden & clearfix are used.

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

• Zoomable CSS Framework: Typogridphy
• Free CSS Templates From TemplateMo.com