Browsing articles in "XHTML & CSS"
18
Jul

400+ Vector Icons with CSS / PNG Sprites: Plastique Icons

Plastique Icons is a set of 400+ (and growing) web and application icons inspired by advertising clip art of the 1920′s and 1930′s.

The set is available in vector format and also includes a CSS/PNG sprite version.





15
Jul

Collection of Free jQuery, HTML5 and CSS3 Scripts

Today, we are featuring Collin Henderson’s collection of Free jQuery, HTML5 and CSS3 scripts. Check out these smart scripts and bookmark the page as your one-stop-place for some free and really cool scripts for replacing standard radio buttons and checkboxes, for just for cool CSS3 and jQuery effects.

The jQuery and CSS scripts collection contains:





14
Jul

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 this situation is a countdown timer to tell your visitors that would be online very soon and they should come back later to check out your services or products.

If you are in a situation like this, replace your blank or old fashioned ‘Under Construction’ page with a count down timer with CountDown, which  is a free jQuery plugin to create clean, and lightweight ‘Coming Soon’ page for your under construction website.

Features

  • Easy to Integrate
  • Unobtrusive JavaScript
  • Easily Skinable
  • Multiple Instances
  • onComplete Handler and Start / Stop Functionality





12
Jul

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 with HTML5 without requiring you to write lines of code or install any software. Take the example of Automatoon, which is completely web based and free tool for creating HTML5 animations - no authoring software to install. You just have to start creating your animations right away.  Automatoon also allows you to share your animations online or export and embed them in your own websites, all for free!

This easy-to-use  HTML5 animation tool is powerful and has many advanced animation tools built in, including skeletal animation, inverse kinematics, automatic tweening, morphing, and fades.

Automatoon uses the CSS3 transition and transformation libraries. For browsers that do not support these libraries, the Automatoon player will use a javascript “hearbeat” animation algorithm. Since it is pure HTML5, your animations will play just fine on iPhones, iPads, Android devices (without requiring any third-party plugin), and all common web browsers.

 





8
Jul

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 IDL attributes defined in the specification (value, max, position, labels)
  • No extra HTML elements needed and none added through script





7
Jul

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.) in one package.

Sounds interesting? Let’s get started with a simple drag and drop shopping cart powered with JQuery. With this simple drag-and drop shopping cart, you can provide an interactive UI for online customers and add in other features (payment processing etc.) as per your requirements.

7
Jul

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.





5
Jul

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 that Morf.transition is called, all the necessary keyframes are generated to give the impression that a transition has taken place.





29
Jun

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.





27
Jun

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 instant online changes. Wont it be good if you were able to convert simple HTML slides into decent online presentations without requiring any third-party tools?

Imagine editing and maintaining your online presentations just as you manage HTML pages. This is now possible with Fathom.js which is a simple and open source library to create and manage your online presentations. You content is held in HTML, style and formatting in CSS and slideshow is powered by JavaScript. Fathom.js supports mouse, keyboard and scroll bar navigation built in and provides a simple API for creating your own custom interfaces.

Pages:«1234567...19»
Open source icons