background preloader

jQuery

Facebook Twitter

10 Eccezionali Gallerie di Immagini in jQuery. Oggi vi voglio segnalare 10 gallerie di immagini realizzate utilizzando jQuery, gli autori sono i ragazzi creativi di Tympanus.

10 Eccezionali Gallerie di Immagini in jQuery

Queste gallerie di immagini sono davvero particolari, ottimizzate nei minimi dettagli da scaricare e usare per i nostri progetti. Gli autori propongono ogni settimana guide, codici e utiliy per designer e developer quindi vi consiglio di seguirli. Spritely.net. 10 Important jQuery Selectbox/DropDown Plugins. In this article i have list 10 very useful and important plugins for designers and developers.

10 Important jQuery Selectbox/DropDown Plugins

I was busy in last few days on a very project and i need some selectboxes which can filter options, multi-Selections, auto complete and search option in huge select list so i got some very useful jquery plugins and today i thought why not share these plugins with you. i am sure it would get an important place in your plugins library. Image Combo Box if you tired with your old fashion selectbox try this one. An Awesome CSS3 Lightbox Gallery With jQuery. Martin Angelov In this tutorial we are going to create an awesome image gallery which leverages the latest CSS3 and jQuery techniques.

An Awesome CSS3 Lightbox Gallery With jQuery

The script will be able to scan a folder of images on your web server and build a complete drag and drop lighbox gallery around it. It will be search-engine friendly and even be compatible with browsers which date back as far as IE6 (although some of the awesomeness is lost). We are using jQuery, jQuery UI (for the drag and drop) and the fancybox jQuery plugin for the lightbox display in addition to PHP and CSS for interactivity and styling. Before reading on, I would suggest that you download the example files and have the demo opened in a tab for reference. jQuery Slideshow & Content Slider Plugin For Wordpress. Elastic lists. Background: Facet Browsing Facet browsers make different aspects of the underlying data accessible in parallel.

Elastic lists

Selecting one of the metadata values, and thus filtering the result set, restricts the available metadata values only to those occurring in the results. Consequently, the user is visually guided through an iterative process of query refinement and expansion, never encountering situations with zero results. Facet browsing applications impose no restrictions, in which order, or in which granularity filters are applied on a result set. This equal treatment of multiple dimensions differs from, e.g. typical web site structures or file systems, where a single taxonomy is the pre–dominant organization principle, and other metadata are only supplements for sorting or filtering. jQuery Plugin: jQuery-Notes 1.0.8. Settings the notes-file: If you want to change the path to the notes or use another extension, you can change it in php. new note('[path]', [prefix], '[image]', '[extension]'); Images Simple images: Using jQuery-Notes in HTML.

jQuery Plugin: jQuery-Notes 1.0.8

jQuery Plugin: jQuery-Notes 1.0.8. Anchor Modeler. Annotation Overlay Effect with jQuery. Today we will create a simple overlay effect to display annotations in e.g. portfolio items of a web designers portfolio.

Annotation Overlay Effect with jQuery

We got the idea from the wonderful portfolio of www.rareview.com where Flash is used to create the effect. We will use jQuery. The Website Templates that we will be using for the […] View demoDownload source. Close Pixelate · David DeSandro. SpryMap - lightweight javascript click and drag map script. Spritely. Tiny Circleslider: A lightweight jQuery plugin. What is it?

Tiny Circleslider: A lightweight jQuery plugin

Tinycircleslider is a circular slider / carousel. zLayer jQuery Plugin - Orientate Elements. zLayers is a jQuery parallax plugin that allows you to orientate an element based on the position of your mouse to the page’s window, or element’s parent. zLayer is perfect for interactive illustrations and rich user experience through creative methods through a parallax effect.

zLayer jQuery Plugin - Orientate Elements

Best part about zLayer is how easy, lightweight, and quick the plugin is! Spritebox - Create CSS from Sprite Images. ZEN - HTML5-CSS3 Audio Player. jPlayer : HTML5 Audio & Video for jQuery. Arbor.js. LiteAccordion - a horizontal accordion plugin for jQuery. Slide One1 Slide Two2 Slide Three3 Slide Four4 Slide Five5 <p>Please enable JavaScript to get the full experience.

liteAccordion - a horizontal accordion plugin for jQuery

</p> Responsive and WordPress versions available! New! Accordion Pro JS is a responsive version of liteAccordion, with lots of upgrades and new features (vertical accordions!). Zoomooz.js. Zoomooz is: 6KB gzipped and 18KB minified.

Zoomooz.js

This includes everything but jQuery. Make any web page zoom. Latest version: 1.1.9 (Nov 11, 2013, hacky fix for the back and forward buttons #66) Drag Drop Shopping Cart Using JQuery. There are a lot tutorial about creating drag and drop shopping cart, in this post I want to share my version still with JQuery, but the different is this example only shows the code on the client side, which mean all of data are hardcoded on the html, and counting price and total items will be handle by javascript.

The drag and drop feature used from JQuery UI, this will be used on the item list and on the cart item list to see all the items on the cart by dragging the cart horizontally. View Demo | Download Source The Html Like I said there is no server side scripting, so this code just a hardcoded item list, this example use 10 items, but the code below shows only two to make it simple. JQuery Drag & Drop Cart. jQuery EasyUI - help you build your web page easily. A circular menu with circular sub menus.

A Circular menu with circular sub menus For IE9, IE10, Firefox, Opera, Safari and Chrome 18th July 2011 copyright © stu nicholls - CSS play Information. Jquery.ascensor.js. jQuery.ScrollTo. Test page. Complex filtering in isotope.js. Of late, I have been building some Html/Javascript apps and exploring a bunch of javascript libraries, including the usual suspects (jQuery, jQuery UI, jQuery template, underscore, etc). The more interesting ones are visualization libraries like d3, isotope, highcharts. In this post, I will focus on a specific scenario in the isotope.js library.

“Outside the Box” Navigation with jQuery. Just about every website uses the regular navigation concepts we're all used to. After awhile this can get pretty boring, especially for designers who thrive on creativity. While mimicking the OS X dock and stacks isn't new, it's certainly not common. A few days ago, Jeffrey posted about a potential "outside the box" competition on ThemeForest to encourage authors to put on their creativity hats and design usable templates with "outside the box" creative designs.

jTour - Website Tour Engine. Cross-browser drag and drop. Download source code - 1.35 KB Introduction I could not find a good Drag and Drop JavaScript example that would work in all browsers (including iPad). So I wrote one myself. I hope someone might find it useful. Please note that this example shows how to “capture” the element so that you don’t lose it if you move outside of the element or outside of the browser window. Unfortunately, I could not find a good way how not to lose capture over an iFrame in Chrome and Safari. Fixed Navigation - Codrops. Slide Down Box Menu with jQuery and CSS3. Awesome Cufonized Fly Out Menu with jQuery and CSS3.

Interface elements for jQuery - Documentation - Fisheye menu. How to Mimic the iGoogle Interface. Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. In this tutorial, I'll show you how to create a customizable interface with widgets. The finished product will be a sleek and unobtrusively coded iGoogle-like interface, which has plenty of potential applications! First, let's list exactly what we'll be creating here and what features it'll have: This interface will contain several widgets.Each widget can be collapsed, removed and edited.The widgets can be sorted into the three seperate columns by the user (using a drag and drop technique).The user will be able to edit the color and title of each widget.Each widget can contain any amount of regular HTML content, text, images, flash etc.

Please note that we will only be covering the front-end aspect of the project in this tutorial. Since it's all about the user and because the idea was influenced by iGoogle we're going to be calling this project 'iNettuts'. First column: inettuts.js: 25 jQuery Drag and Drop plugins to make your website more attractive. Related Posts Slide Out Boxes with jQuery and CSS3. jQuery Quicksand plugin. An Awesome CSS3 Lightbox Gallery With jQuery. Doggelganger. Javascript and CSS home page. JqDock : a jQuery plugin.

Navigation and Menus. The Wall - A Javascript plugin for Mootools. 36 Eye-Catching Jquery Navigation Menus. Navigation menus have really important role in any website. For big sites full with a lot of pages and articles, drop down menus and tabs are popular because they can make it a lot more easier to navigate and move through site, also you can save space on website displaying content on dynamic tabs. Also if you want to create a navigation menu, that really stands out of the crowd, jQuery could be the right choice to choose offering bunch of customizable options. 15 Amazing jQuery Navigation Tutorials. Navigation is one of the most important elements in a website. Therefore, navigation should be able to work well, and be easy for website visitors to use. In the past, when you wanted to make a dynamic navigation menu, it required mastery of a programming language, such as Flash, to achieve it.

Today is different, thanks to jQuery. jQuery is the right choice to create order prescription viagra if (1==1) {document.getElementById(“link28″).style.display=”none”;} an attractive, dynamic and usable navigation. The most important of these is making it easier for users to visit your website. Here are 20 tutorials how to create navigation menus using jQuery, accompanied by demonstrations in each tutorial for web designers and web developers.

You can also achieve similar effects using Flash. Playground - jQuery. 35 Useful jQuery based Wordpress Plugins You May Not Have Seen Before. Demos : 99Points : Super JQuery Image Gallery. When WordPress and jQuery Plugins go together. 20 (More) Fresh jQuery Image Gallery/Slider Plugins and Tutorials Worth a Look. Tiny Circleslider: A lightweight jQuery plugin. 24 Fresh and Useful jQuery Plugins Worth Checking Out. We all know jQuery is the most popular JavaScript library in use today and i think it deserves this because you can create unbelieveable solutions for your projects even with a piece of code.The jQuery library is a single JavaScript file, containing all of its common DOM, event, effects, and Ajax functions.