Design Resources CSS+Javascript

Skeuocard : Enhance credit card inputs Oct 15, 2013

Skeuocard is a re-think of the way we handle credit card input on the web. It progressively enhances credit card input forms so that the card inputs become skeuomorphic, facilitating accurate and fast card entry, and removing barriers to purchase.
Skeuocard takes a standard credit card input form and partially transforms its DOM, removing non-essential elements, while leaving the underlying inputs alone. In order to use Skeuocard in your checkout page, you’ll need to do one of two things.

Skeuocard : Enhance credit card inputs

Capture Keyboard Input with Keypress JS Library Oct 05, 2013

Keypress is an input capture library with some very special features, it is easy to pick up and use, has a reasonable footprint (~9kb), and has no dependencies.

Here’s some of what Keypress offers:
Fire on keyup and/or keydown
Any key can serve as a modifier
Special “counting” combos
Sequence combos

Capture Keyboard Input with Keypress JS Library

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.