30 great CSS development tools and applications

1. Metro UI css:a Framework for Windows-8 like Interface

Metro UI CSS is a set of the styles for creating such interfaces. It is a self-contained solution but can also being used side-by-side with the any other frameworks. There are styles for the popular tiles, images, notices, forms, buttons and typography. The framework is also a ' work in progress ' and is ' mentioned to being enriched with more layout options + features.

Download
2. Csscomb:sort CSS Properties in a Given order

Csscomb, a free service sorts CSS properties in ' Any Order your want (and, their default order is pretty good too-from the Most to Least important-). It works with both single + multi-line CSS code and besides the online version, there are add-ons provided for the most PO Pular IDEs.

Download
3. Css3ps:convert Your Photoshop Layers into CSS3 Styles

Css3ps is free cloud based Photoshop plugin This converts your to layers. You can select several layers and groups of layers and convert them in one click. Stroke is converted to CSS border property. Inner Shadow, Inner Glow, Drop Shadow, Outer Glow, are into the CSS converted property. You can, the result, styles in browser and share them with other people. It works on Windows or Mac OS X and Photoshop CS3 and later. And best of all, it ' s absolutely free!
 
Download
  4. RESPONSIVEAEON:CSS3 Grid System Framework

Responsiveaeon is a html5/css3-powered framework for creating responsive layouts very. It has a grid system this is based the columns with 1104px width at Total and offers a very easy to understand usage H only 3 basic classes. The framework makes use of @mediaqueries and can work with any device to any size. Besides the grid system, there are also styles for typography, lists, tables, buttons and forms. The download package includes several JavaScript files for IE compatibility, modal boxes and also psd/ai/png files of the Grid.
 
Download
  5. Refineslide:responsive Image Slider with CSS3 effects

Refineslide is a lightweight (4kb zipped) JQuery plugin for quickly integrating a responsive, image-based slider into our websites. The slider uses CSS3 transitions + 3D transforms (has JS fallback) and has a bunch of attractive. It has an option to display thumbnails (auto-formatted and responsive) or arrows as the navigation (and, there is keyboard Support as OK).
 
Download
  6. Photon:a CSS 3D Lighting Engine

Photon is a JavaScript library which can add simple lighting effects to any element in the 3D space. In order to create the effect, it uses the Webkitcssmatrix object (WebKit are the only supported browser). The angle of the light can be defined and changed anytime with the provided functions. It is possible to define the objects to being lighted one-by-one or group them at once and we can customize the effect by set Ting the max Black + white usage.
 
Download
  7. Gridpak

The

Gridpak is the starting to your responsive projects, improving your workflow and saving time. Create your responsive grid system once using the simple interface and let Gridpak does the heavy by lifting generating , CSS and JavaScript.
The CSS that Gridpak generates are compatible with IE 8+, however it makes use of some more experimental CSS Propertie S such as the media query, box-sizing and Background-clip properties so we suggest using it in conjunction with a library such as modernizer to ensure backwards compatibility.
 
Download
  8. Morf.js:Custom easing functions for CSS3 Transition

Morf.js, is a Javascript work-around to hardware accelerated CSS3 transitions with custom easing functions inclu Ding bounce, Spring, elastic and much more. Once an easing function are triggered through JavaScript, it is created using Webkit-keyframes. The library uses shifty.js for twining regular CSS properties and it are WebKit only.
 
Download
  9. Gumby:responsive CSS Framework with Web UI Kit

Gumby is a responsive and 960px-grid CSS grid framework, that can, customized to work, every with a Lmost no effort. Its fluid-fixed layout self-optimizes of the content for desktop, tablet and mobile resolutions and there are support for nest Ed grids. Similar to Twitter Bootstrap, it includes a web UI Kit of good looking buttons, forms, Navigation + tabs and a tiny javasc Ript file that brings this components to life. Gumby has multiple versions to Download:12 columns, columns, a hybrid one or a all-in-one package. And, there are PSD files provided to ease designing with the grid.
 
Download
  10. APP js:create Desktop Apps with Html-css-js

Appjs is a exciting resource that allows us to develop desktop apps using Web technologies (HTML, CSS and JavaScript). Appjs is a exciting resource that allows us to develop desktop apps using Web technologies (HTML, CSS and JavaScript).

Download
One Browser support:css Browser compatibility Search Engine

Browser Support is a simple search engine to find out which CSS properties are supported in which browsers. With a auto-complete-powered search, it displays you possible properties while typing and brings the results to all Major browsers (Chrome, Safari, Firefox, IE, Opera).

Download
Sprite pad:create CSS sprites within Seconds

Spritepad is the perfect solution to every web Developer:with spritepad you can create your CSS sprites Seconds. Simply Drag & drop your images onto the canvas and have them immediately as one PNG available + CSS code. No fiddling in Photoshop, no manual assignment of CSS styles. CSS sprites the easy way.
Spritepad is optimized for speeeeed:no download, no setup, no long-winded uploads. It works Hassle-free directly in your browser. Move your images around, a change options and let's the CSS styles get updated automatically. No need to do work twice again.
 
Download
  13. HTML5 Please

HTML5 Please helps your look up HTML5, CSS3, etc features, know if they are ready to use, and if I You are should use Them–with polyfills, fallbacks or as they are. So that,you can decide if and, each of the features to use.
The recommendations represent the collective knowledge of developers have been in the deep. If you are incorrect, you can edit the recommendation for each feature and send a pull request as Well.
 
Download
  14. JS Bin:handy Online Editor for JavaScript and CSS

JS Bin is a webapp specifically designed to help JavaScript and CSS folk test snippets of code within some conte XT, and debug the code collaboratively. JS Bin allows to edit and test
JavaScript and HTML. Once you ' re happy can save, and send the URL to a peer for review or help. They can then make further changes saving anew if required.
 
Download
  15. Animate.css

Animate.css is a bunch the cool, fun, and cross-browser animations for your to use in your projects. To use them in your project, simply add the class to the element, or call the animation yourself in your CSS file. The classes and the animations have the same name.
CSS animations are supported in Apple Safari, Google Chrome, and Mozilla Firefox. Microsoft have also promised support for Internet Explorer all, and support has been announced for Opera 12.

Download
Excessive:remove Your bloat

Excessive is a free-to-use CSS compressor where can I drag ' n ' drop any number of files and they to be compressed inst antly. The application merges all files in a single one and enables your to reorder the files (so as the output) again with drag ' N ' drops.

Download
CSS Refresh

Cssrefresh is a JavaScript file which automizes this process by instantly applying the new styles without refreshing the P Age. It is a plug ' n ' play solution and no to configure. Just Insert the JavaScript file into the Web pages and your are ready to go.

Download
impress.js:a CSS3 powered Framework

Impress.js-which enables us to build very beautiful slides presentations. Slides can is by positioned, rotated and scaled on a infinite canvas with zoom in/out and 3D effects by making use of CSS 3 transforms and transitions to create the awesomeness (which makes it only compatible with WebKit and the latest Firefox + IE browsers).

Download
Bear CSS

The bear CSS are a free-to-use Web application that generates a stylesheet with all elements, IDs and classes from a given HTML file. The app is mostly useful for those projects this use long HTML codes and it would are better if Bear CSS had asked which it EMS to include inside the stylesheet just after the upload-feature request.

Download
less

Less extends CSS with dynamic behavior such as variables, mixins, operations and functions. Less runs on both of Client-side (Chrome, Safari, Firefox) and Server-side, with Node.js and Rhino.

Download
css2less.

It is a web-based tool for converting CSS files to less by simply copy-pasting the styles.
The tool uses the Css2less Ruby library in the backend and its website are open sourced for anyone willing to host it thems Elves

Download
responsive grid system:fluid grid CSS Framework