Archive for the ‘XHTML & CSS’ Category

jQuery Countdown Timer Plugin For Clean Coming Soon Pages

Sometimes you are not just ready to greet your online customers or visitors and take them to a trip of your website and showcase your products or services. You are about to launch your website and do not want the visitors to get annoyed with a blank page in the meanwhile. The quick fix for [...]

Read the rest of this entry »

Web-based Tool for Creating HTML5 Animations: Automatoon

Animation with HTML 5 has many benefits over other tools. The first and the foremost reason for creating animations with HTML5 is native support of HTML5 in all modern browsers. It is also easy to implement and quick to master. Plus, there are a number of smart tools that allow you to easily create animations [...]

Read the rest of this entry »

Polyfill For The HTML5 Progress Element

Polyfill is a nifty script for HTML5 progress element to display progress bar in websites or web applications. Built on simple CSS and JavaScript, Polyfill renders gracefully in Firefox 6+, Opera 11+, Chrome, and Safari 5.1 to provide a complete progress bar functionality without requiring you to code a single line. Accessible (WAI-ARIA-enabled) Supports getting all the [...]

Read the rest of this entry »

How to Build jQuery Drag and Drop Shopping Cart

There are 101 ready made shopping carts available online some offering cool interface, some driven by powerful database model, some offering decent payment processing options and so on. However there is nothing like a ‘hand-made’ shopping cart that meets all of your needs and has the capability of combine all those goodies (UI, database etc.) [...]

Read the rest of this entry »

Creating Custom Dropdown Menus With DropKick.js

DropKick.js is a jQuery plugin for creating beautiful, graceful, and painless custom dropdown menus. DropKick works by transforming your existing, boring select lists into beautiful, customizable HTML dropdowns. The name attribute is the only one that is required. DropKick was made to be easily theme-able and supports dynamic theme changing.

Read the rest of this entry »

CSS3 Transitions With Custom Easing Functions: Morf.js

Morf.js is a Javascript work-around for hardware accelerated CSS3 transitions with custom easing functions. This CSS3 transition utility lets you define your own easing formulas and it uses Shifty to calculate keyframe states. What Morf.js actually does is create a CSS3 animation on the fly for the requested transition. In other words at the time [...]

Read the rest of this entry »

Create CSS3 Buttons With CSS3 Buttonize Framework

CSS3 Buttonize Framework, as the name suggests,  is CSS based framework for generating buttons. It is lightweight, simple and quick. No matter what style you want, Buttonize Framework can generate small, big, fat, chunky, sober, cheesy, smart, rounded, showy, and good looking CSS buttons in no time.

Read the rest of this entry »

Presentations and Slides in JavaScript: Fathom.js

How do you display your PowerPoint presentations online? Google Docs, Slide Share… and other tools that let you convert your PowerPoint documents with basic slideshow and animation features? They are quite smart but what do you do to keep your online and offline documents synchronized or what do you do when you want to make [...]

Read the rest of this entry »

PHP Driven Server Side CSS3 Preprocessor: PCSS

Unleash the CSS3 power with much less code and features like class nesting, server-side browser specifics, default unit and variables by using PCSS, a php driven server side CSS3 preprocessor. It allows CSS developers to write CSS code with variables and various shortcuts, while the user still gets standards-complaint CSS code on his side.

Read the rest of this entry »

Visual CSS Background Sprites Generator: Sprite Cow

Sprite Cow is a visual tool for generating CSS background sprites. Okay, cool! But what is a sprite? I knew those old school designers (still slicing their large images) would ask this question. A sprite is a big block of small images that loads in to the Web browser once and might be used to [...]

Read the rest of this entry »