Resources

The Noun Project 

"sharing, celebrating and enhancing the world's visual language" 
The Noun Project collects, organizes and adds to the highly recognizable symbols that form the world's visual language, so we may share them in a fun and meaningful way.
http://www.thenounproject.com/

Ultimate CSS Gradient Generator

A powerful Photoshop-like CSS gradient editor from ColorZilla.
http://www.colorzilla.com/gradient-editor/

CSS Resources

We will group the best free resources available for free on the web to help you - CSS, XHTML, Fonts and graphics. Please, share on comments your suggestions!


Border Radius

A web generator for border radius
http://border-radius.com/


Button Maker

A web generator for CSS buttons
http://css-tricks.com/examples/ButtonMaker/


Text Shadow

A web generator of text shadow css3
http://www.css3maker.com/text-shadow.html


CSS 3 Generator

dCSS 3 Generator : that helps you understand the new CSS 3 features in Webkit with an interactive tool that will build up and show how each new property affects an element. It simply lets you to choose the rule from a list that includes: order radius box shadow text shadow RGBA @font-face multiple columns box resize box sizing outline and customize them while previewing the outputs instantly.
http://css3generator.com/


Css Corners Generator

CSS Corners is a generate css round corner, css gradient with preview and css code
http://csscorners.com


Border Image Generator

Border-image is a rather complicated new CSS3 feature. Figure out how it all works using this tool.
http://border-image.com


CSS3 Buttons

This is a collection of buttons that show what is possible using CSS3 while also maintaining the simplest possible markup. They look best in WebKit-based browsers, almost as good in Firefox, with all other browsers falling back to a less-styled button.
http://hellohappy.org/css3-buttons/


CSS Framework




Easy Framework

Easy framework includes all 3 layers
Framework includes all 3 layers of front-end: structural, presentational and interactive what makes it the true all-in-one solution for your next front-end project.
http://easyframework.com/


Blueprint

The official homepage for Blueprint, the original CSS framework. Also known as Blueprint CSS.
link


960 Grid System

Another excellent CSS Framework that worth a look. The download includes templates for Fireworks, Photoshops, Inkscape and etc. so that you can start designing your web template immediately. The PSD file that comes with guides ready save designers a lot of time.
link


Tripoli Framework

Tripoli had been tested and supports virtually all available browsers, including IE5! It comes with some base files, and some plugins such as “Layout”, “Visual”, “Type”, and “Negative”.
link


YAML

YAML is another bulletproof CSS Framework that has a very good documentation. You can easily get started by downloading the PDF documentation and the sample project from the official site. There are some tools that will help you on your development too. For example, the YAML Builder can visually create YAML-based CSS layouts.
link


YUI Grids

YUI Grids CSS support fluid-width layouts as well as fixed-width layouts. This is the advantage of YUI Grids CSS over the other CSS Frameworks. To get started with YUI Grids CSS, you can download the cheat sheet and YUI Grids Builder from the official site.
link


BlueTrip

BlueTrip is a full featured and beautiful framework that combines advantages from different CSS Framework. The official site has a complete documentation and demos.
link


Content With Style

This is a fixed width layout and the zip files contains a few layouts such as vertical navigation with 1 content column, vertical navigation with 2 content columns, and etc.
link


Elastic CSS Framework

Elastic provides a declarative language to define the layout structure and behavior. This is a young framework, and the best site to demo the usage of Elastic is the official site itself.
link


Mollio

Mollio was launched since IE7 exposed a few rendering problems. It is a starting point for website layout and very suitable for beginners that start learning CSS Frameworks.
link


SenCSS

SenCSS doesn’t include a layout system, but it does provide other things such as baseline, fonts, paddings, margins and more. It comes with a commented version and a minified version which suitable for production use.
link




No comments:

Post a Comment