Liquid Slider — Slider responsive HTML5 & CSS3 pour le web et les mobiles. jQuery Mobile: Demos and Documentation. jQuery Slider Plugin with Infinite Style. Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality for a website slider without forcing you to use a set theme. In fact, Sequence has no in-built theme, leaving you complete creative control to build a unique slider using only CSS3. It supports all modern browsers, and gracefully degrades in older browsers. And it supports touch devices and swiping too. You can check out the Modern Slide In, Sliding Horizontal Parallax and Apple Style demo.
You’ll also get to see some pretty cool out-in-the-wild examples of jQuery Sprite Animation in action, so why not check it out in my screencast below! Demos and text are available for anyone that wants to read/see them in the rest of the post. View Demo Download Source. Tubular, a YouTube Background Player jQuery Plugin. 10 Useful jQuery Plugins. It seems that jQuery plugins are constantly being released, and it’s no surprise since it’s insanely popular, and for good reason.
The only problem is being able to sort through them all to find the good ones. Shiny Knob Control with jQuery and CSS3. Martin Angelov In this tutorial we will be writing a jQuery plugin for creating a shiny knob control. Aptly named knobKnob, this plugin will use CSS3 transformations and jQuery’s new event handling methods to give visitors of your website a new way of interactively choosing a value from a range. KnobKnob is also on Github. Update: Thanks to ranyefet the plugin now works on mobile devices [changes].
The HTML The HTML markup for the page is rather straightforward. Index.html <! First we include the latest version of jQuery, transform.js which levels cross-browser support of the CSS3 transform properties we will be using, the knobKnob plugin file and script.js, which pulls everything together. The #control div is where the plugin markup will be generated. Free jQuery Image Sliders Download. Nov. Face Detection with jQuery. I've always been intrigued by recognition software because I cannot imagine the logic that goes into all of the algorithms.
The idea is to show an image's fullscreen version by rotating two blocks in three-dimensional space. The faces of the blocks being rotated to the front will show the fullscreen image. View demo Download source Today we want to share one of our CSS 3D Transforms experiments with you. SsdLight : Simple Lightbox with jQuery. Chained AJAX Selects. Martin Angelov In today’s tutorial, we will build a set of chained select elements.
Selecting an option in one of them will trigger an update on the page, showing you more choices to refine your selection. We will describe the options server side with PHP, so it is easy for you to hook today’s example to a database. The idea for this tutorial was suggested by Casper Hansen from Denmark. The HTML As you can see from the screenshot below, the select box is accompanied by a title that explains what the selection is about. Chained AJAX Selects with jQuery and PHP When adding more questions, additional LIs are created by jQuery. Index.html – generated code <ul id="questions"><li><p>What would you like to purchase?
You might notice in the demo page that we aren’t using the default browser select controls. Wave Display Effect with jQuery. How cool is it to sometimes just display content a little bit differently?
Today we want to share an experiment with you that let's you show images and content in a unique form - a wave. The idea is to initially have some smaller thumbnails rotated and placed in a wave-like manner. When clicking on a thumbnail, we'll "zoom" into the wave. Clicking again will make the large content area appear; here we will show some more content. Image map with CSS3 & jQuery tooltips. Tooltips can play a big role in your web designs and that isn't new anymore.