Checkboxes and radio buttons customization (jQuery and Zepto) plugin. 30 Useful and Fantastic jQuery Plug-ins. In field of web designing the technology has become popular with many updates and supporting plug-ins.
JQuery is one of the most popular and widely used technologies that you use for your site. In present days websites are created with functionalities of jquery. Super customized checkboxes and radio buttons with jQuery. 10 Popular Metro Bootstraps. If you’re looking to design your next website or web app using the new Windows 8 Metro look these 10 Metro Bootstraps and Templates could help you get started!
Pretty much the best ones I could find around on the internet at the moment. As more and more are developed please add a comment with a link so I can add them to the list. Enjoy. Also see: 10 PREMIUM JQUERY METRO PLUGINS. Update 11/04/2013: Added 11. jquit – jQuery UI Metro Theme Builder, 12. 1. Simple and flexible HTML, CSS, and Javascript for web apps that wants to use the “Windows 8 App Store” style, without the need to run on Windows 8. SourceDemo 2. A free Metro-inspired theme for Bootstrap. Source + Demo 3. metro-bootstrap. 5 jQuery Right Click Context Menu Plugins. We have seen a lot of jQuery Right Click Menu plugins out there but if you are looking for some decent and lightweight ones you don’t have to spend and waste time here is some handpicked pretty neat 5 jQuery Context Menu plugins… Enjoy!
:) 1. jQuery Context Menu Plugin. 20 jQuery Slider Plugins for Terrific Non-Stop Image Swap. The best way to present large amount of images on a smaller area on your website page is to add slider.
Generally speaking there is a slider plugin for any exquisite taste and resource. Sliders can be great focal points on websites and blogs as they instantly draw the audience’s attention and provide an easy and sleek way for visitors to interact with a lot of information that can be sorted through quickly. 5 Nice jQuery Web Development Plugins. While the new site is buffering why not check out our collection of 5 nice jQuery plugins for your Web Development.
Check out website for broken lnks, add floating share box to your website, track the clicks of a user and more… enjoy! 1. jBar : jQuery Plugin call to Action Bar It allows you to create a simple call to action and bring it forward for the user to see at the top of your website. SourceDemo. jQuery Mobile, Web Delivery for ALL – Marc Grabanski. jQuery MVC Video Tutorial. 5 jQuery Number Animation Plugins. Today we are sharing you our collection of 5 jQuery Number Animation plugins.
These plugins simply have “number animation” effects with jQuery which adds a nice touch. Enjoy! 1. (Roundabout) Point Counter It’s ready-to-go straight out of the box, but if you want to get crazy, Roundabout is highly-customizable with an extensive API that allows for some pretty amazing results. Source + Demo 2.
This counter did not actually track the number of iTunes downloads, but is an example of how to create a similar counter for your own purposes. jQuery Image Sprite Plugins & Tutorials. Today we are sharing you our collection of 10+ jQuery Image Sprite Plugins and Tutorials.
With these plugins it is now possible to create a powerful animations and effects. Very useful for those who wants to create any animated stuff like game characters etc. 1. Stretchy Sprites Cross-browser, responsive resizing/stretching of CSS sprite images. Source + Demo. 5 jQuery Viewport Plugins. Basically, the viewport is the part of the webpage that the user can currently see, the scrollbars move the viewport to show other parts of the page.
If your developing for devices including the viewport meta tag is a must! jQuery AJAX Image Upload Thumbnail Example. I’ve had quite a lot of requests for how to upload images using Ajax and show a thumbnail so I decided to do a quick demo to show you how it can be done.
The Script facilitates the process of uploading an image via Ajax and using PHP to create a thumbnail, return the image source and display to the user as a thumbnail of the image uploaded. All without the page reloading. To help you understand how it works I’ve commented on a few of the key parts below. View Demo View Project on Git The Upload Image Function This function sends the image to the backend and receives back data about the uploaded image and it’s created thumbnail. The Image Thumbnail The image thumbnail src gets updated with the new thumbnail image src once the image has been uploaded.
Example Form Submit The form data can be grabbed as normal and the thumbnail src is added to the data which is sent as part of the form submit. The backend PHP Script Folder Structure. 5 jQuery Image Hover/Click/Scroll Plugins. Do you want something neat and beautiful for your image hover effects?
Well, you might want to check out these jQuery image hover/click/scroll plugins! These plugins can style your images as well as image caption nicely and can make your website looks dynamic and feel more alive! 1. TOP 100 JQUERY PLUGINS OF 2012 (PART 2/5) Following Part 1, is part 2. These are the best jQuery plugins of 2012 numbers 21-40. Enjoy. 21. CALENDARIO: a flexible calendar plugin. jKit - jQuery based UI Toolkit - Index. ParamQuery jQuery Grid Plugin. CSS3 & jQuery folder tabs. Ever since I started working for one of my CSS3 breadcrumbs example, I thought about writing this tutorial. In this article, I will use a similar technique in order to create some good looking CSS3 tabs. While in my previous CSS3 tabs tutorial I tried to simulate some beveled corners for the tabs, this time I will show you how to create folder tabs using nothing more than pure CSS3. View demo The HTML The markup is self explanatory.
Thumbnail preview jQuery elastic slideshow. The slideshow will adjust automatically to its surrounding container and we can navigate through the slides by using the thumbnail previewer or the autoplay slideshow option. To make this slideshow responsive, we will use a mixture of JavaScript and CSS techniques. The Markup We will create two unordered lists, one for the main slider and one for the thumbnail navigation beneath the large image. The “large slider” list elements will contain the image and a title with an h2 and h3 element: <div id="ei-slider" class="ei-slider"><ul class="ei-slider-large"><li><img src="images/large/1.jpg" alt="image01" /><div class="ei-title"><h2>Creative</h2><h3>Geek</h3></div></li><li>...
Simpletip - A simple jQuery tooltip plugin. Simple tooltips Here's some examples of simple tooltips using some of the default options provided by the simpletip library. Hover over me to see a bog standard tooltip using all default options. $(). simpletip Hover over me to see a fixed position tooltip. $(). 17 Useful jQuery Contact Forms For Better Contact.