Javascript

170 articles

CSS3 JavaScript Library: cssSandpaper

The cssSandpaper JavaScript library looks at the stylesheets in an HTML document and, where possible, smooths out the browser differences between CSS3 properties like transform, opacity, box-shadow and others. This script is not only useful for developers who want to support CSS3 in IE but in other browsers which implement their own vendor-specific variants of these properties. Requirements: - Website: http://www.useragentman.com/blog/csssandpaper-a-css3-javascript-library/ Demo: http://www.useragentman.com/tests/cssSandpaper/cube3.html License:…

jQuery Fullscreen Image Gallery: SideWays

SideWays is an elegant fullscreen image gallery created with the jQuery framework and some simple CSS. It utilizes the jQuery User Interface, jQuery Easing and jQuery mousewheel plugin. By clicking the thumbnails on the left, it beautifully slides to the full-screen preview area on the right side. Requirements: jQuery Library Website: http://manos.malihu.gr/sideways-jquery-fullscreen-image-gallery Demo: http://manos.malihu.gr/tuts/sideways_jquery_fullscreen_image_gallery.html License: Free

SlideDeck Alternative, Free jQuery Accordion Plugin: Easy Accordion

Easy Accordion is a free horizontal accordion plugin and content slider built with jQuery. Easy Accordion is created by Andrea Cima Serniotti, when he discovered that SlideDeck is not as flexible as he wished it to be. Features Nice and smooth accordion effect Supports multiple accordion instances Text is rotated using CSS Accessible and SEO friendly Cross browser compatible It…

Forgot Solid, Create Dynamic Gradients With Gradienter

Gradienter is a new and innovative jQuery gradient color plugin to dynamically add gradients to elements. Gradienter have three parameters: First color in gradient Last color in gradient On which CSS property should apply gradient (background-color, color, border-color, etc...) Requirements: jQuery Framework Website: http://workshop.rs/2010/09/gradienter-add-gradient-to-elements License: MIT

Create A Web Project Framework In Seconds: InstantCSSCode

Instant CSS Code allows you to quickly create a web project framework with valid HTML/xHTML and CSS in only a matter of seconds, allowing you to get your project up and running faster! InstantCSSCode lets you choose: Document type of your project JavaScript library to be used (jQuery, Prototype, YUI, etc...) Page charset IDs to be used in the project Website:…

Easy Way to Revolve Quotes On Your Website: Quovolver

Quovolver is a simple extension for jQuery that takes a group of quotes and displays them on your page in an elegant way. It is lightweight yet effective way to revolve all the selected quotes in a clean and simple way. Requirements: jQuery framework Website: http://sandbox.sebnitu.com/jquery/quovolver/ License: Free

Turn HTML Tables Into Advanced Editable Components

EditableGrid is an open source Javascript library aimed at turning HTML tables into advanced editable components. It focuses on simplicity: only a few lines of code are required to get your first table up and running. You can use the EditableGrid library in two ways: Hook up to an existing HTML table Build your grid from an XML description of…

jQuery Powered Full Page Scrollable Image Gallery

Codrops is sharing a stunning Full Page Image Gallery with scrollable thumbnails and a scrollable full screen preview. It has a thumbnails bar at the bottom of the page that scrolls automatically when user moves the mouse. When a thumbnail is clicked, it moves to the center of the page and the full screen image is loaded in the background.…

Cross-platform HTML5 And Flash Audio APIs: SoundManager 2

SoundManager 2 is a free JavaScript Audio API supporting MP3, MPEG4 and HTML5 audio + RTMP (experimental), providing reliable cross-browser / platform audio control. This free Javascript audio API makes it easier to play audio using Javascript, checkout few of its features below: 100% Flash-free MP3 + MP4/AAC where supported Works on iPad, iPhone iOS 4 Fallback to Flash for…

CSS3 Selectors For IE: Selectivizr

Selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest. Selectivizr requires a JavaScript library to work. If your website already uses one of the 7 supported libraries (jQuery, Prototype, etc...) then you just need to add the Selectivizr script to…