Design Resources CSS+Javascript

Pure - A set of small, responsive CSS modules for every web project Jun 25, 2013

A set of small, responsive CSS modules (alternative for Bootstrap) that you can use in every web project. Pure is ridiculously tiny. The entire set of modules clocks in at 4.2KB* minified and gzipped, without forgoing responsive styles, design, or ease of use. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you’ll save even more bytes.

Pure - A set of small, responsive CSS modules for every web project

CSS background image hacks Jan 20, 2011

Emulating background image crop, background image opacity, background transforms, and improved background positioning. A few hacks relying on CSS pseudo-elements to emulate features unavailable or not yet widely supported by modern browsers.

CSS background image hacks

Pure CSS 3 Progress Bar Dec 01, 2010

As the new features introduced in CSS3 allows developers to create stunning visual effects, create easily a fancy progress bar using CSS3 and jQuery, but no Flash or even images.

Coding a Rotating Image Slideshow: CSS3 and jQuery Dec 01, 2010

Pretty use of jQuery and CSS3 rotations, along with the jQuery rotate plugin, to create a beautiful slideshow. You can use it to spice up your web sites, product pages and other projects with some CSS3 magic.

CSS3 Pie Oct 07, 2010

PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.

Our Solar Sys­tem in CSS3 Jun 02, 2010

An attempt to recre­ate our solar sys­tem using CSS3 fea­tures such as border-radius, trans­forms and anim­a­tions. The res­ult is sur­pris­ing and quite interesting.

Drop shadow with CSS for all web browsers Mar 28, 2010

One of the most common CSS effects is using shadows in various ways. Before, we needed to resort to images, but now we can offer this to all major web browser with CSS!

CSS Sticky Footer Layout Jan 23, 2009

This sticky footer solution is working in all major browsers, including Google Chrome!. It works with floated 2-column layouts and we don’t get overlap in resized browser windows unlike older solutions you find when you Google sticky footer. And you don’t need an empty push div.

BlueTripCSS - Combination of Popular CSS Frameworks Nov 10, 2008

Capsize Designs combines good points of most popular css frameworks:, Blueprint, LogiCSS, YAML, Elements, YUI, and Boilerplate

Even More Rounded Corners With CSS Jan 17, 2008

Yet another technique for the Rounded Corners. CSS-only, no Javascript, Fluid layout, width/height, Single PNG image, Standard Module Format-based content markup