JS
Get flash to fully experience Pearltrees
cssFx is a standalone polyfill that inserts the vendor-specific CSS3 properties necessary for old and new browsers. This saves you tons of time, maintenance, and bandwidth! Check it out:
cssFx.js - CSS3 property polyfill - It's So Futuristic, Baby!
pdf.js is an HTML5 technology experiment that explores building a faithful and efficient Portable Document Format (PDF) renderer without native code assistance. pdf.js is community-driven and supported by Mozilla Labs. Our goal is to create a general-purpose, web standards-based platform for parsing and rendering PDFs, and eventually release a PDF reader extension powered by pdf.js. Integration with Firefox is a possibility if the experiment proves successful. The development extension should be quite stable but still might break from time to time.
mozilla/pdf.js - GitHub
Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
Sure, we all love our favorite monolithic frameworks, and sometimes we even use them fully. But how often do we reach for the ride-on John Deere tractor with air conditioning and six-speaker sound system, when a judiciously applied pocketknife would do the trick better, faster, slicker? Micro-frameworks are definitely the pocketknives of the JavaScript library world: short, sweet, to the point. And at 5k and under, micro-frameworks are very very portable. A micro-framework does one thing and one thing only — and does it well. No cruft, no featuritis, no feature creep, no excess anywhere.
The goal of this technique is to deliver optimized, contextual image sizes in responsive layouts that utilize dramatically different image sizes at different resolutions. Ideally, this could enable developers to start with mobile-optimized images in their HTML and specify a larger size to be used for users with larger screen resolutions -- without requesting both image sizes, and without UA sniffing. Add the ".htaccess"" file* to your web server public rootfile's head (OR if you already have an .htaccess file, you can paste its contents into your existing file) Grab "responsiveimgs.min.js" and reference it from your HTML in the HEAD of your document: For any img elements that offer a larger desktop-friendly size, reference the larger image's src via a ?
filamentgroup/Responsive-Images - GitHub
In supported browsers, the following image will load either small or large version depending on screen resolution, making a single 1kb request before requesting the appropriate size.
Responsive Images Test Page
Javascript PC Emulator - Technical Notes
The code is written in pure Javascript using the W3C Typed Arrays . A slightly slower fallback mode is implemented for browsers missing this support. For the exact list of supported browsers, see the FAQ . In any case, a fast Javascript engine is needed to have good performance. CPU Emulation Some of the code is inspired from my x86 dynamic translator present in QEMU , but there are important differences because here it is an interpreter.humane.success.timeout = 0; humane.success.clickToClose = true; humane.success('Will stay up forever until click or humane.remove()'); humane.remove(); // force remove Humane is easily themable using Stylus . There are currently a few themes , but I hope this grows. Send me a pull request and update the wiki with your favorite look and feel.
Humane JS
Zoomy is a quick and easy plugin that will zoom into a picture. You only need two images; the display image and the zoomed in image. Just link the zoomed in picture on the display picture, and tell the plugin to use that link when zooming. Zoomy is easy to implement and customize.
Quick & Easy jQuery Plugin for Zooming Pictures | Web Resources | WebAppers
Awesome HTML5 Dashboard
The HTML parser is one of the most complicated and sensitive pieces of a browser. It controls how your HTML source code is turned into web pages. The new parser is faster, complies with the HTML5 standard, and enables a lot of new functionality as well. This parser lets content embed SVG and MathML directly in the HTML markup. Elements, attributes, and attribute values in HTML are defined (by the HTML specification) to have certain meanings (semantics). HTML5 brings more elements to improve the semantics of a document.
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. The only ones required for the scrollbar to work are the track and handle. The up and down buttons are not necessary. The up, down, and handle buttons can also be images if you desire. As far as CSS goes, the only things you have to set are the height and positioning for the track and handle.
jsScrollbar
Contactable is a jQuery plugin designed to make contact /feedback forms simpler and more accessible. This plugin will enable you to create a contact form on any page of a site with minimal effort. If you have ever seen the feedback forms provided by kamypyle you will be familiar with the technique they use, however contactable makes this process even simpler by overlaying the content onto your page quickly and easily with a slide effect and inline validation.
ntactable - A jQuery Plugin | web design blog
CSS load callbacks were taken out by default and put in an official plugin. Too few people used it. Old code will still work, callbacks will just fire immediately on CSS (unless css load plugin is included).
yepnope.js | A Conditional Loader For Your Polyfills!
Animated Content Menu with jQuery | Codrops
Today we will create a slick animated content menu with jQuery for a restaurant theme. 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 ...MyjQueryPlugins has been made by ALPIXEL, a young web agency. We offer you our plugins in Open Source downloads. If you use one or more of our plugins, please leave us a message to motivate, criticize, submit bugs...or to be added into our plugins descriptions pages. Have a nice time on MyjQueryPlugins !