background preloader

JS

Facebook Twitter

CssFx.js - CSS3 property polyfill - It's So Futuristic, Baby! CssFx cssFx adds vendor-specific prefixes to your stylesheets.

cssFx.js - CSS3 property polyfill - It's So Futuristic, Baby!

How it works When the document has finished loading, internal (<style>) and external (<link>) stylesheets are processed, fetching any @import stylesheets as well. Mozilla/pdf.js - GitHub. Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit! Filamentgroup/Responsive-Images - GitHub. Responsive Images Test Page. Javascript PC Emulator - Technical Notes. By Fabrice Bellard - May 23, 2011 This PC emulator is written in Javascript.

Javascript PC Emulator - Technical Notes

The emulated hardware consists in the following devices: Javascript PC Emulator. Humane JS. Animated Knockout Letters. Quick & Easy jQuery Plugin for Zooming Pictures. JsScrollbar. Preparation Before initializing the scrollbar, you must create a jsScroller object.

jsScrollbar

So if you haven't, follow the previous tutorial and find out how! First thing is the HTML: Again, "Scrollbar-Container" can be change to anything you want, you just need to be able reference this element like with jsScroller. The other divs inside have to have those class names, however. As far as CSS goes, the only things you have to set are the height and positioning for the track and handle.

Constructor new jsScrollbar(jsScroller, scrollbarContainer, auto, eventHandler); A Conditional Loader For Your Polyfills! Animated Content Menu with jQuery. Today we will create a slick animated content menu with jQuery for a restaurant theme.

Animated Content Menu with jQuery

The menu items will be animated and when clicked, a content area with more information will appear. Also, he background image is going to change according to which menu item was clicked. The main idea is to […] View demoDownload source. MyjQueryPlugins : jQuery plugins - The easy way to animate your website with jQuery and jQuery UI plugins. jQuery Waypoints. HTML5 Video Player. Treesaver Documentation - GitHub. FarukAt.eş. 50 jQuery Tools for Awesome Websites. By now, everyone has heard of jQuery.

50 jQuery Tools for Awesome Websites

It’s a framework that makes JavaScript development much easier, and has become massively popular for adding JavaScript functionality to websites. In this post, we’ve picked out 50 of the best scripts we know of and talked about why they rock. They can help in just about any aspect of a website, so enjoy! Build an Awesome Image Gallery with jQuery, Modernizr, and CSS3. Even though we’re definitely living in the Flickr Age (apparently that’s the one that comes right after the Age of Aquarius), there’s still something so lovely about being able to spread a big boxful of photos over my kitchen table.

Build an Awesome Image Gallery with jQuery, Modernizr, and CSS3

In fact, my favorite screensaver does a pretty good job of emulating this — it’s the one built into MacOS X that grabs photos from your iPhoto library, and scatters them gradually all over the screen in a nice, messy pile. It looks kind of like this: The photos slowly fade in and drop onto the screen, rotating randomly as they go. Jquery-frontier-calendar - Project Hosting on Google Code. Full month calendar jQuery plugin that looks like Google Calendar.

jquery-frontier-calendar - Project Hosting on Google Code

Latest Version, 1.3.2- June 24th, 2010 Please visit the downloads section for a working example and API documentation. Download Latest Version: Download Older Versions: Google Group: Shameless mention of my other vertical tab plugin Change Log. HTML5 Grayscale Image Hover. Once upon a time, grayscale image has to be manually converted in order to be displayed on the web.

HTML5 Grayscale Image Hover

Now with HTML5 canvas, images can be manipulated into grayscale without having to use image editing software. I've put together a demo to show you how to use HTML5 & jQuery to dynamically clone color images into grayscale (see demo). Credits: thanks to Darcy Clarke (my Themify's partner) for the jQuery and Javascript code. View Demo HTML5 Grayscale. jQuery google api and other google hosted javascript libraries. - ScriptSrc.net. Activity-indicator. A jQuery plugin that renders a translucent activity indicator (spinner) using SVG or VML.

activity-indicator

Features Lightweight script No images required No external CSS Resolution independent Alpha transparency Highly configurable appearance Works in all major browsers Uses feature detection Degrades gracefully Supported Browsers The plugin has been successfully tested in the following browsers: Insanely fast, headless full-stack testing using Node.js. TextSaver.js. jQuery custom scrollbar demo. Lorem ipsum dolor sit amet.

jQuery custom scrollbar demo

Aliquam erat volutpat. Maecenas non tortor nulla, non malesuada velit. Nullam felis tellus, tristique nec egestas in, luctus sed diam. Suspendisse potenti. Consectetur adipiscing elit. Moleskine Notebook with jQuery Booklet. Sliding Panels Sample. When Adobe first introduced Spry, our goal was to bring Ajax capabilities to the web design community, allowing designers to create web pages that provided a richer experience for the end user.

As we know, however, the web evolves at a blistering pace. Over the last couple of years, frameworks such as JQuery have evolved to encompass many of the capabilities originally envisaged for Spry, making Spry as a standalone offering less relevant. Using Multiple JavaScript Onload Functions. By Lee Underwood Digg This Add to del.icio.us JavaScript is one of the most popular programming languages in use on the World Wide Web.

It can create interactive pages through the use of menus, forms and calendars. It can also be used to track a visitor's history on your site, play games and many other things.