Useful JavaScript and jQuery Tools, Libraries, Plugins - Smashing Coding Advertisement Recently we’ve been receiving more requests for carefully selected, useful round-ups. We try to avoid round-ups on Smashing Magazine, but sometimes the format is useful and — if the resources are relevant — can be extremely helpful. In this round-up, you’ll find some of the useful JavaScript and jQuery tools, libraries and plugins that we have stumbled upon recently. You might want to take a look at the following related posts: Useful JavaScript Libraries Respond.js: Fast CSS3 Media Queries for Internet Explorer 6-8 and More5The goal of this script is to provide a fast and lightweight script to enable responsive Web designs in browsers that don’t support CSS3 Media Queries. Blackbird: Open Source JavaScript Logging Utility6Blackbird offers a dead-simple way to log messages in JavaScript and an attractive console to view and filter them. Treesaver.js7Treesaver is a JavaScript framework for creating magazine-style layouts using standards-compliant HTML and CSS. SlickGrid!
jQuery Vector Maps - Resizable Scalable Vector Graphic (SVG) Maps for Modern Browsers EU Cookie Law: 2 jQuery Plugins To Not Break It Many of us probably heard the EU Cookie Law already and thinking about "what to do" and many others should be saying: "cookie what?". What is it? It is a European Union e-Privacy Directive that will become active on 26th May 2012 and "requires website owners to take the permission of the user before placing anything (cookies, HTML5 local storage..) to their computer for tracking them (cookies exist in analytics apps, many sign-up/login pages, widgets, etc.). Which websites need to take action? It binds any EU-located individual and organization's website, no matter where the website is hosted at. jQuery Plugins For EU Cookie Law In order to make our websites compatible with the EU Cookie Law easily and quickly, here are 2 handy jQuery plugins that will help managing cookies + asking user's permissions for storing them: Cookiecuttr This is a beautiful plugin that handles many scenarios you may need to obey the EU Cookie Law. cookiesDirective.js cPrompt CookieGuard What do you think about it?
jQuery Performance Tips and Tricks jQuery Performance Tips and Tricks Addy Osmani, AOL 18 July 2011 jQuery Proven Performance Tips & Tricks Performance optimisation is a crucial aspect of building ‘snappy’ client-side applications and something which all developers using jQuery should bear in mind. In Addy Osmani's (@addy_osmani) talk, he'll take a look at some of the best practices, tips and tricks for improving the performance of your jQuery code in 2011, with some quick wins and a few new surprises along the way. For more on Addy’s work, check out his official website AddyOsmani.com for tutorials, jQuery.com for his community updates and magazines such as .NET for his thoughts and commentaries. Performance optimisation is a crucial aspect of building ‘snappy’ client-side applications and something which all developers using jQuery should bear in mind.
untitled Jump to progress the Jarallax.jumpToProgress method allows the user to animate the Jarallax animation to a position in the animation. This is a very handy method for navigation. To see it in action press one of the navigation buttons on top of the page. Example jarallax.jumpToProgress( 20, 2000, 30); In this example Jarallax animates to position 20 over 2000 milliseconds with 24 frames a second. Smooth scrollbar Some browsers smooth out the scrollbar when it is moved (like safari). Enabling the smoothed scrollbar will animate the current progress of the Jarallax animation to the scrollbar position. Example: var jarallax = new Jarallax(new ControllerScroll(true)); Clone animations In earlier versions of Jarallax every animation needs to be defined. When defining an animation with the addAnimation method, an animation sequence is returned. The first argument expects a selector, the second an object or array with the key modifications.
jQuery Clip - jQueryのプラグインをまとめました。 Lib Slicebox - 3D Image Slider Creative Lifesaver Honest Entertainer Brave Astronaut Affectionate Decision Maker Faithful Investor Groundbreaking Artist Selfless Philantropist Example 4: Same like example example 3, with a higher disperse factor
Archive | jQuery Sticky Alerts: A tiny sticky alert bar plugin Sticky Alerts is a tiny jQuery plugin (only 36 lines of JavaScript!) for adding sticky alert bar to your website. It's easy to set up and has a ... Touchy: A highly-configurable jQuery touch library Touchy is a highly-configurable jQuery library for touch interactions. Amelia Basic Font from Tipotype (12 different styles) - only $12! Amelia Basic is a fantastic font family from Tipotype that mixes the geometric side of a sans font with the softness of humanistic strokes. MixItUp: Animated filtering and sorting MixItUp is a jQuery plugin that provides animated filtering and sorting of your data. RowGrid.js: Place items in straight rows RowGrid.js is a jQuery plugin for placing items in straight rows. jQuery fontIconPicker: Add an icon picker to your admin forms The jQuery fontIconPicker makes it simple to add an icon picker and search function to your administration forms. ImagesLoaded: Detect when images have loaded
PageSlide: a jQuery plugin which slides a webpage over to reveal an additional interaction pane Advertisement a jQuery plugin which slides a webpage over to reveal an additional interaction pane by Scott Robbin Download PageSlide Now If you've ever used the mobile version of Facebook, or Path,then you've probably seen something akin to PageSlide in action. Clicking on a button or link slides the page over to reveal a hidden pane,one that usually contains secondary navigation, a form, or additional information. There are several ways to use PageSlide, some of which are shown below.Additionally, there is a responsive demo which shows how PageSlide can be used as a mobile solution. Slide to the right, and load content from a secondary page Slide to the left, and display hidden content from this page in a modal pane Modal This slide uses "modal" option set to "true". Where can I get it? If you are interested in learning more about PageSlide, it's recommended that you view the project on GitHub. Other jQuery Plugins If you like this plugin, feel free to check out some of the others I've built.
jq-tiles Pig ham: hock pork loin brisket pastrami frankfurter andouille. Sausage: ground round sirloin ball tip beef ribs. Pork turkey: shoulder, filet mignon chuck t-bone bacon. Short loin: pig jowl fatback, pork loin pork chop. « PrevNext » Collection of jQuery Drag and Drop Plugins Everything related to web development has been made very easy and quick now days – thanks to jQuery. It allows us to perform many difficult tasks only with a few lines of code and the good news is that it is becoming more sophisticated day by day. One of the biggest reasons of the ease of use of jQuery is the plethora of plugins present out there, and their number is constantly growing. Creating lightweight, sleek and user friendly interfaces easily is now possible. You May Like This Responsive jQuery Slider Plugins, jQuery Carousel Plugins, jQuery Parallax and Scrolling Effect Plugins, Zoom Effects with jQuery Plugins, jQuery Visual Effects Tutorials, Awesome jQuery Plugins and jQuery Tools/Tricks jquery.event.drag Advertisement jquery.event.drag is an awesome jQuery special event plugin which lets you add sophisticated drag interactions to any of the elements! How to mimic the iGoogle Interface Everyone loves iGoogle interface and wants to imitate it. Resizable Jquery Iviewer MapBox jqDnR
A suite of Javascript libraries and tools designed for working with HTML5 Recent Updates Follow @CreateJS November 2014 Added Unit Tests to EaselJSUpdates in preparation for new releases (coming soon). New class model, with big performance increases October 2014 Added 'Extras' to EaselJSTons of updates and pull requests in all libs July 2014 Major Updates to EaselJS Graphics The Story Why we built CreateJS About CreateJS CreateJS is a suite of modular libraries and tools which work together to enable rich interactive content on open web technologies via HTML5. Featured Projects Community Show & Tell. Ion Drift A port of the Flash game Ion Drift, b10b was able to build a CreateJS version in less than a day that hit target framerates on even the lowest devices, and outperformed ports to other libraries. By b10b b10b