Today we will create a website template with some really sweet animations using jQuery. The idea is to have little boxes scattered around at the top of the site and when a menu item is clicked, the boxes animate to form the main content area. We will use some different animation effects that we will add as options to the menu item.
Best jQuery Web Plugins & Tutorials with Demo
jQuery Waypoints: Scroll-Based jQuery Functions
Creating custom functions with jQuery based on the scroll position of the page just got a whole lot easier. Today i stumbled through an interesting jQuery plugin that i am sure many of you guys will find useful. Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element.
Waypoints makes a solid base for modern UI patterns that depend on a user’s scroll position on the page.
PicNet Table Filter
This jQuery plugin adds real time Google-like column filtering capabilities to a regular Html table.The PicNet Table Filter is used in production in several PicNet projects so it has been tested production ready. The table filter was born out of our Visual Analytics (Mouse Eye Tracking) project and has received great feedback.
Simple Vote Using JQuery Animate
This is a very short post and simple idea to use JQuery animate function in voting system, I post this maybe it will useful for replacing voting system that using many images, the idea is just expanding the div element (css width property) using animate function, we just need to add the same value on the width element.
How to Translate your Site in Runtime using jQuery
I have read several articles for this question, and most articles tell about ways where we need refresh page to apply another localization. Yes, this is possible of course, but not too user friendly. Just imagine that your website will able to switch language like desctop applications, great, isn`t it? So, that this still possible using ordinary javascript. I will using jQuery to better comfort.
Nice And Simple Toolbar For Your Website With CSS3 And jQuery
Often it’s an hard thing to interface a website with the many available social services, but recently there are some famous blogs, like Abduzeedo and Mashable, that are using a fixed toolbar on the bottom of the page with useful button for the sharing.In this tutorial we’ll learn how to build a nice toolbar for our website using some CSS3 properties and basic jQuery techniques.
jQuery Colors Pickers HCL
jQuery colors picker has following benefits:
- The HSL color model is more intutive for humans than RGB (which was developed as a technical solution)
- The pickers are designed so there’s no need to really know anything about color theory
- Each color parameter has it’s own independent scale, so a user will understand easily what to adjust to get a desired result
- What’s more, the scales change according to current color, allowing the user each time to visually understand which scale does what (e.g. I want it lighter, darker, more red, more gray…)
