background preloader

jQuery, AJAX

Facebook Twitter

jQuery : la sélection écrémée #2. jQuery : la sélection écrémée #2 Milky vous à concocté une sélection des meilleurs ressources jQuery du moment. 01 – Image | Effet avant/après Vous avez besoin de présenter vos travaux de retouches photos ?

jQuery : la sélection écrémée #2

Ce plug-in est fait pour vous, il vous permettra de facilement réaliser des effets avant retouche / après retouche bluffants ! Tutoriel – Demo 02 – Portfolio | Slider & Zoom Idéal pour montrer ses créations sans perdre en ergonomie, ce tutoriel vous permettra de faire un slideshow efficace avec zoom au survol de la souris. Tutoriel – Demo 03 – Miniature | Prévisualisation Jquery Besoin d’un effet au survol d’un élément ? 8 ressources Jquery pour sites fullscreen. Les sites avec un webdesign plein écran, envahissent le web.

8 ressources Jquery pour sites fullscreen

Pour la simple et bonne raison que leur mise en page est souvent simple, efficace et permet de mettre avant des visuels qui en jettent. Pour vous aider a faire de même, je vous propose 8 ressources Jquery. Bien avant l’explosion et l’utilisation massive de Jquery, le Flash était la principale technique utilisée pour réaliser des sites « fullscreen« . jQuery jQuery TaggingTools. Home. jQuery : Les bonnes pratiques. Parce que beaucoup de développeurs se frottant à jQuery ne l’utilise pas forcément comme il faut et se plaignent souvent des performances médiocres obtenues, il était temps de remettre l’église au centre du village.

jQuery : Les bonnes pratiques

Ce mémo est une traduction de ce très bon article anglais. Bonne lecture ! Toujours faire une recherche à partir d’un ID Le sélecteur le plus rapide de jQuery est le sélecteur d’ID ($(‘#mon-id’)) car elle est directement mappée sur une méthode Javascript native : getElementById(). Sélection d’un élément unique Une sélection comme celle-ci est plus rapide :var traffic_button = $(‘#traffic_button’); Que celle-ci :var traffic_button = $(‘#content .button’); Sélection d’éléments multiples. Ender - the no-library library. rShahin Blog Designs - Web Designer Rofikul Islam Shahin - Bangladesh. I really seem to have grown a sudden interest in jQuery plugins, I’ve been researching on jQuery a lot lately and this little plugin called jScrollPane was something I just couldn’t seem to help paying some attention to.

rShahin Blog Designs - Web Designer Rofikul Islam Shahin - Bangladesh

Basically, it’s a jQuery plugin that allows you to style scrollbars using both images and colors via CSS that work on all browsers. I’ve personally tested it and found no trouble in it’s functionality across different browsers. And by scrollbars, I mean the actual vertical scrollbars you see on your browser. What I really liked about this plugin is that it really works on all browsers and if your browser doesn’t support jQuery, it won’t just mess up everything by anything stupid like leaving a visitor with no scrollbar at all, instead, it puts the default scrollbar of a browser in place so that people can browse through the site. Take a look at THIS to get an idea of what this plugin can do, a great example put together by James Roe. jScrollbar : make your own scrollbar for scrolling contents with jQuery UI - MyjQueryPlugins.

Had you ever wanted to add some custom scrollbars to your website, to scroll the contents and the default browser scrollbars just doesn't match up with your design ?

jScrollbar : make your own scrollbar for scrolling contents with jQuery UI - MyjQueryPlugins

Make your own scrollbar design with jScrollbar ! jScrollbar is fully skinnable with CSS (you can use images instead) and can detect mousewheel event. Implementation: Options: Simple Scrollbar. What is jQuery?

Simple Scrollbar

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. Corporate Members. jQuery SuperBox! Zoomy - Un plugin jQuery pour zoomer sur vos images ou produits. Zoomy est un plugin jQuery permettant d'ajouter une loupe sur vos images, idéal pour voir les détails de vos produits sur un site d'e-commerce.

Zoomy - Un plugin jQuery pour zoomer sur vos images ou produits

Très simple à mettre en place et à utiliser, Zoomy permettra à vos visiteurs de voir plus en détail les images de votre site que vous aurez sélectionné. Côté options, il sera possible: 30 excellentes ressources pour développer avec jQuery. Blog d'un passionné du web et du reste, directeur de l'agence Idtonic et fondateur du service Jobapic.fr.

30 excellentes ressources pour développer avec jQuery

Programmation PHP/Ajax/Sommaire. jQuery simplyScroll - Logicbox. Jump to: [Features] [Examples] [Download] [Configuration] [Comments] simplyScroll is a scroll-tastic jQuery plugin that can animate (scroll) content either automatically or manually, horizontally or vertically, backwards or forwards.

jQuery simplyScroll - Logicbox

New Features in v2 Auto-scroll in either direction RTL support, normalises browser RTL scroll implementations Touch support Now automatically supports unequal sized elements in loop mode Pause/play button option Features Supports scrolling horizontally and vertically both forwards and backwards Uses DOM ScrollTop/ScrollLeft for optimal performance Supports looped scrolling (infinite effect) Fully customisable via CSS & HTML Supports jQuery 1.2.6 and higher (tested up to 1.7.1) Works on all major browsers (including IE6/7!) Examples Horizontal scroll with loop (infinite effect) As above but manual scroll with buttons Manual Vertical scroll, with buttons, looped Custom HTML example, scrolling backwards RTL mode page may look odd (or better)! jQuery.ScrollShow. A Simple jQuery Slideshow.

In the interest of following jQuery’s motto of “writing less and doing more,” let’s write a simple slideshow using jQuery, JavaScript and a bit of CSS.

A Simple jQuery Slideshow

Download the complete slideshow hereRead the FAQs For starters, our main goal should be keeping the markup as clean as possible: Now let’s use CSS to position the images on top of each other and bring the active image to the top level with z-index: Due to absolute positioning, we need to define the height of the slideshow DIV. Also, notice that we defined three different z-indexes—we will manipulate these soon using jQuery.

For the slideshow animation we are going to switch between each photo at a set rate. Function slideSwitch() { var $active = $('#slideshow IMG.active'); var $next = $active.next(); $next.addClass('active'); $active.removeClass('active'); } $(function() { setInterval( "slideSwitch()", 5000 ); }); Here we set a JavaScript interval to call slideSwitch() every 5 seconds. 35+ jQuery slideshow and gallery tutorials, plugins and premium slideshow plugins. Subscribe by RSS or Email 35+ jQuery slideshow and gallery tutorials, plugins and premium slideshow plugins Posted In: Jquery, By Samir, 9 Comments advertisement More and more websites are adapting jQuery featured area for slideshows or gallery for a website.

Most of it is used to show featured content, portfolio design or even for a news scroller. jQuery is a good technique to present content in real convenient and intuitive way unlike Flash. Visual display is always attractive than texts, as it is eye-catching and people relate to visual more than that to text. Smooth Div Scroll. What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. Corporate Members. Slide Down Box Menu with jQuery and CSS3. In this tutorial we will create a unique sliding box navigation.

The idea is to make a box with the menu item slide out, while a thumbnail pops up. Jquery : Benefits, Examples and Free Ebook. Advertisement What is jQuery? Directly taken from the website of jQuery -” jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages”.It is basically a JavaScript framework for writing huge task of JavaScript with few lines of code. 60 Useful JQuery Tutorials From 2010. 60 Useful JQuery Tutorials From 2010 Posted by Prakash on December 7th in Tutorials. Web developer created some great jQuery tutorials and today we just want list some of the 2010 tutorials which really stand out from the tradition javascript effect tutorials.

In today’s post we have compiled 60 the best and useful jQuery tutorials from 2010. Enjoy! 15 Handpicked Fresh and Useful jQuery Tutorials. jQuery has really simplified the work flow for web designers. Even someone with basic javascript understanding can use it. These tutorials are proof of that. In this post you will find 15 really useful jQuery tutorials that has been published in the previous month or so.

Hope the readers learns something new with these tutorials . 1. Demo. #1555597. Jay Salvat, le blog. 6 avril 2010 – Catégorie : Développement – Tags : jquery, plugin, tutoriel – Il y a 6 ans j’ai eu à développer une arborescence de fichiers en javascript. Il m’a fallut près d’un mois de développement pour la réaliser. WdCalendar - Un calendrier jQuery avancé pour vos applications web. WdCalendar est un plugin jQuery vous permettant de créer rapidement un calendrier riche et interactif pour vos applis web. Avec un look assez proche de celui de Google Agenda, wdCalendar vous permettra d'intégrer votre propre système de calendrier dans vos applications web. L'interface est très riche et interactive, il sera possible de faire des clics droits pour créer un nouvel évènement ou même de faire un drag and drop d'un évènement sur une autre date. 139 Ressources Javascript et jQuery.

Simple Page Peel Effect with jQuery & CSS. Tutorials. jQuery: The Write Less, Do More, JavaScript Library. jQuery & JavaScript Articles For The Community. Converting jQuery Code to a Plugin. Martin Angelov When it comes to efficiently organizing jQuery code, one of the best options is turning certain parts of it into a plugin. There are many benefits to this – your code becomes easier to modify and follow, and repetitive tasks are handled naturally.

This also improves the speed with which you develop, as plugin organization promotes code reuse. 25 Free jQuery Photo Gallery / Albums with Tutorials. 30 Free Photo Gallery / Albums with Tutorials Details Category: Webdev. Apprendre et comprendre jQuery – 1/3. SVGround : tout sur SVG. Booklet - jQuery Plugin. Le format JSON, AJAX et jQuery - Alsacréations. jQuery Animations: A 7-Step Program. jQuery virtual tour.