Web-based CSS Button Maker

Button X is an web-based CSS button maker tool which helps you create awesome CSS3 buttons without Javascript, Flash or even Images.

Customize and experiment CSS3 features with an easy to use UI, create your own button and get your CSS code.

Website: http://webarti.com/best-CSS3-button-maker/
License: Free

Skeleton

 A Beautiful Boilerplate for Responsive, Mobile-Friendly Development

What Is It?

Skeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. Skeleton is built on three core principles:

Responsive Grid Down To Mobile

Skeleton has a familiar, lightweight 960 grid as its base, but elegantly scales down to downsized browser windows, tablets, mobile phones (in landscape and portrait). Go ahead, resize this page!

Fast to Start

Skeleton is a tool for rapid development. Get started fast with CSS best practices, a well-structured grid that makes mobile consideration easy, an organized file structure and super basic UI elements like lightly styled forms, buttons, tabs and more.

Style Agnostic

Skeleton is not a UI framework. It's a development kit that provides the most basic styles as a foundation, but is ready to adopt whatever your design or style is.

http://www.getskeleton.com/

Mobile Boilerplate

Mobile Boilerplate is your trusted template made custom for creating rich and performant mobile web apps. You get cross-browser consistency among A-grade smartphones, and fallback support for legacy Blackberry, Symbian, and IE Mobile. You get an offline caching setup for free, fast button clicks, a media query polyfill, and many common mobile WebKit optimizations waiting for you. Use Mobile Boilerplate to start your mobile webapp quickly and immediately benefit from community best practices.

http://html5boilerplate.com/mobile

Tiny Fluid Grid

The happy & awesome way to build fluid grid based websites.

Inspired by 1kbgrid.com. Developed with love by Girlfriend's overconfident and pretty good looking team of web developers. Tiny Fluid Grid ships with a index.html with demo code, and the grid.css containing the CSS for the grid you created.

http://www.tinyfluidgrid.com/

CSS Framework : Inuit CSS

Inuit has a custom grid system builder for creating fixed or fluid grid system igloos. This CSS framework is extensible with plugins, flexible and built with mobile devices in mind. A production-ready framework for webdesigners and developers.

inuit.css is built to work on smaller screens (such as tablets) and tiny screens (such as phones) straight out of the box with minimal effort.

inuit.css has basic support for new HTML5 elements. If you wish to use them you’ll need to add the shim yourself; inuit.css doesn’t make those decisions for you.

http://csswizardry.com/inuitcss/

CSS Framework : 960

The 960 Grid System is probably the most famous CSS framework that’s come out in recent years, and has been the inspiration for a number of other frameworks. There are two grids available: a 12-column grid with columns that are 60 pixels wide and a 16-column grid with 40-pixel-wide columns. One big advantage is that these basic grid configurations can be used separately or in tandem. 960 pays focuses on site layout and pays little attention to things like typography (though there are basic provisions in place for them).


http://960.gs/

CSS Framework : Content With Style

The Content With Style CSS framework offers half a dozen layouts, including vertical navigation with one content column, horizontal navigation with one content column, vertical navigation with two columns of content, and horizontal navigation with local navigation and one column of content. It orders the source code logically, with the main content coming immediately after the header within the code, regardless of the visual layout of the page.


http://www.contentwithstyle.co.uk/content/a-css-framework/

CSS Framework : Tripoli

Tripoli is a generic CSS framework that resets all default browser settings. It’s made to work with HTML 4 and separates typography from layout styles. It also aims to increase the readability of your websites through better typography. It also works with a number of plugins to extend the generic defaults of the framework.


http://galleria.aino.se/

CSS Framework : Blueprint

Blueprint is a free CSS framework that includes a CSS reset, a grid that supports complex layouts, styled typography and forms, and plugins for buttons, tabs and sprites. There’s also plenty of documentation to get you started, as well as a discussion group and mailing list.


http://www.blueprintcss.org/

CSS Framework : Elements

Elements includes a variety of folders and files that help speed up your web design process. It’s a lightweight framework that’s easy to use, includes a number of preset classes, a mass reset, and adds icons to external links (which improves both style and usability).


http://elements.projectdesigns.org/

CSS Framework : SenCSS

SenCSs is a framework that offers sensible styling for all the repetitive parts of your CSS files. It doesn’t include any kind of layout system, unlike many CSS frameworks, which makes it more versatile for non-standard website designs. It includes styles for a lot of other things though: baseline, fonts, margins, blockquotes, padding, and more.


http://sencss.kilianvalkhof.com/

CSS Framework : Simpl

Simpl is a modular, flexible CSS framework that aims to fill in the gaps of some other CSS frameworks. It’s fluid (with the option of static side columns), simple to learn and use, and is nestable (but doesn’t require nesting). It includes styles for forms, tables, and other common elements.


http://simpl.romack.net/

CSS Framework : YAML

YAML (“Yet Another Multicolumn Layout”) is a CSS framework for creating flexible, floated layouts. It includes design patterns for typography, microformats, forms, and more, as well as full accessibility and web standards compliance. It’s also a very stable framework, with most browser bugs patched by YAML. There’s also the YAML Builder, which lets you create YAML-based layouts visually.


http://www.yaml.de/en/

CSS Framework : 1KB CSS Grid

The 1KB CSS Grid is an adaptable grid that can be configured in a number of ways before downloading. You choose the number of columns, the column width, and the gutter width before downloading the files. It’s an incredibly easy to understand grid, even for those not familiar with CSS frameworks. It’s also a very bare-bones framework, with only the CSS necessary to build the layouts (no extra formatting is included).


http://www.1kbgrid.com/

CSS Framework : The Golden Grid

Web designers don't have to start entirely from scratch. A CSS framework features a structure and layout guidance, mostly based on grids, while others also focus on things like typography.


The Golden Grid is a CSS framework built on the principle of the golden ration or the divine proportion. It’s 970px wide, uses a 6/12 grid system, and when compressed is less than 1kb. There are a bunch of great demos, both of the grid and of sample pages built on the grid. There’s also a mini tutorial available to help you get started.

http://code.google.com/p/the-golden-grid/

Speed Your Page With Easy CSS Sprite Generator

CSS sprites are a commonly used technique to decrease page load times.
This CSS technique can make your website load faster. Instead of having a dozen images that are included on every page of the site - your logo, RSS button, icons for social media links, etc. - you combine them all into one big image. You can then use CSS to display just the portion you need in any given spot.

Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css.

Automated spritesheet generators are pretty cool, but if you prefer the control over optimisation and compression you get by making them manually, then Sprite Cow provides you a user-friendly solution.
The web interface couldn't be easier. Upload your image and have a click around. It becomes pretty obvious. So you don't waste your time copying all the positions & sizes from graphics

http://www.spritecow.com/

New blog dedicated to free code and vector graphics

This blog is dedicated to code, free vector graphics: Adobe Fireworks, Flash, Illustrator AI, EPS, PDF, SVG, Corel Draw CDR files free to download - that's what you can find here.