Posts Tagged ‘css’
Cached Commons is a collection of user-contributed javascript libraries that have been cached, optimized, and hosted on Github’s fast CDN.

The main goal is to aggregate the best-of Javascript and CSS libraries for rapid prototyping. It won’t have every javascript library because there’s 1000’s of jQuery Tooltip plugins out there, but only say 3 of them are really good.
You can easily download the libraries to your local project if you’d like, or feel free to directly link to the ones here.
A sprite combines multiple background images into a single image. This is a technique for making web pages faster because it reduces the number of downloads in the page.
Background images make pages look good, but also make them slower. Each background image is an extra HTTP request. There’s a fix: combine background images into a CSS sprite. But creating sprites is hard, requiring arcane knowledge and lots of trial and error.
SpriteMe removes the hassles with the click of a button.
![]()
- Finds background images
- Groups images into sprites
- Generates the sprite
- Recomputes CSS background-positions
- Injects the sprite into the current page
Primary is a small yet effective open source CSS framework for designers and developers in order to make using CSS as easy as possible. It comes with a collection of 22 ready to use CSS layouts to start your project today.

Atatonic is a Tiny CSS framework with main focus on typography. Atatonic is meant to make your web life easier and is created to provide a stable grid and solid typography.

Grid system in the Atatonic CSS Framework works like any other grid system, but its very lightweight and only about 10 lines of css.
Maki is a tool for web designers that helps the transition from design to HTML / CSS code. Maki lets you overlay design mock-ups in the browser and see the adjustments you need to make, and tweak away until they match.

Maki, for sure, is an effective way to keep developers and designers on the same page from start to finish, ensuring that the final website matches the design layouts clients have approved.
Turbine is a PHP-powered tool that introduces a new way for writing CSS. Its syntax and features are designed to decrease css development time and web developer headache.
Turbine speeds up your CSS development and allows you to build more websites in less time. Just concentrate on things that are more important than tweaking CSS code, like design or content.

Features
- Packing, gzipping and automatic minification of multiple style files
- OOP-like inheritance, extension and templating features
- Fully exensible through a very simple plugin system
- Built-in device-, browser- and OS sniffing
Its always a pain to handle lengthy CSS files during the web development process. Redundant and repetitive code in a CSS file makes it difficult to handle and understand.
dotless, a .NET port of the popular Ruby LESS library, adds variables, nested rules and operators support to CSS which helps removing the redundant code and hence leads to a better, DRY and Less CSS.

Below is a simple example to show how dotlesscss works:
Traditional CSS
#page-header h1{
font-size:30px;
color:#3366cc;
margin:0px;
padding:0px;
}
#faq h1{
font-size:30px;
color:#3366cc;
margin:0px;
padding:0px;
border-bottom:3px solid #000;
}
Using dotlesscss
@main_heading{
font-size:30px;
color:#3366cc;
margin:0px;
padding:0px;
}
#page-header h1{
@main_heading
}
#faq h1{
@main_heading
border-bottom:3px solid #000;
}
That’s why I called it CSS Programming.
Features
- Transparent Less compilation through HttpHandler
- Console Compiler
- Built-in CSS Compression
- Keeps your CSS file DRY (don’t repeat yourself)
dotless is (definitely) a Time-saving ‘CSS Programming’ tool for ASP.Net Developers and it opens the way to become a CSS Programmer as well.
CSSUtilties is a free JavaScript library that provides capabilities to inspect CSS stylesheets in a detailed and accurate way (even than those provided by Firebug – Free Firefox Add-on).

CSSUtilities understands all versions of CSS including CSS3. It works in HTML, XHTML and XML and can equally handle physical or virtual DOMs.
Some Features
- Finds all the rules that apply to an element, including information about properties, media, specificity and inheritance
- Tells which properties apply directly, or which through inheritance
- It returns the specificity of any selector
This free JavaScript CSS inspection library makes these capabilities available to ordinary, unprivileged code that runs in any contemporary browser.
EZ-CSS is a free, lightweight and flexible CSS Framework for complex table-less layouts and rapid prototyping. EZ-CSS lets you apply any width you want to containers and gutters.

Tip Tip is a Free Lightweight jQuery Tooltip Plugin for your web sites. TipTip takes the browser’s default Tooltip and replaces it with it’s own look and feel.
This intelligent and custom Free Tooltip does not use any image and completely customizable via Cascading Style Sheet (CSS).
