background preloader

Jquery

Facebook Twitter

390 ressources Javascript & jQuery. 8 Useful jQuery Mobile Tutorials. jQuery mobile framework takes the “write less, do more” mantra to the next level: Instead of writing unique apps for each mobile device or OS. Although jQuery Mobile is still relatively new but with jQuery Mobile, developers can write applications as website, RSS reader for a lot of mobile devices, including smart phones and tablets.

10 jQuery Scripts To Optimize Forms. Last week I posted HTML5 Forms Styled With CSS3.

10 jQuery Scripts To Optimize Forms

There you can find useful links on how to style your forms and add effects with HTML5 and CSS3. I mentioned that beside for old browser fall back you won’t need Javascript. But if you want to optimize your forms and add more options, Javascript is still needed. We are talking about less common options(not standard in every form) such as adding extra fields, password validator, file upload, etc.

A lot of jQuery plug-ins have become obsolete due to HTML5 and CSS3, those are mostly look enhancing plug-ins and text placeholder, which is now standard in HTML. I have chosen the more common optimization scripts and almost all are simple ones making it easier to implement in your design or to customize.

Liste de plugins jquery

jQuery 1.5 Released: What is new? As they promised, jQuery Team released a new version of jQuery today.

jQuery 1.5 Released: What is new?

It has come a long way from its initial version and has become one of the most used JavaScript frameworks in the world. I will try to tell you the exciting news in the new version. As the new version is released, the jQuery Team updated their jQuery 1.5 API Documentation which is very useful and handy. The biggest news is jQuery.sub() which allows a developer to override native jQuery methods without actually affecting the methods that other users would interact with – or even create encapsulated APIs for your plugins that avoid namespace collision.

There are more news like the complete rewrite of the Ajax module, Deferred Objects and many more. jQuery Frontier Calendar - Un calendrier complet à la Google Agenda. HTML5 Grayscale Image Hover. Once upon a time, grayscale image has to be manually converted in order to be displayed on the web.

HTML5 Grayscale Image Hover

Now with HTML5 canvas, images can be manipulated into grayscale without having to use image editing software. I've put together a demo to show you how to use HTML5 & jQuery to dynamically clone color images into grayscale (see demo). Credits: thanks to Darcy Clarke (my Themify's partner) for the jQuery and Javascript code. View Demo HTML5 Grayscale The Purpose. Plugins jQuery pour manipuler vos tableaux. L'approche MVC en javascript avec backbone.js. Si vous avez déjà travaillé sur une application utilisant massivement le javascript, vous savez que cela peut devenir rapidement cauchemardesque pour garder un semblant de synchronisation entre les interfaces HTML, la logique javascript et la base de données.

L'approche MVC en javascript avec backbone.js

Dans ces cas-là, jQuery (ou mootools, ou tout autre framework javascript "classique") n'est pas suffisant, une approche plus structurée est nécessaire. C'est là que backbone.js entre en jeu. Avec backbone.js, vous représentez vos données en models (approche MVC), qui peuvent être créés, validés, détruits et sauvegardés vers le serveur.

A partir du moment ou une action modifie un model, celui-ci active un évènement "change". Toutes les vues qui affichent ce model sont notifiées par cet événement, les forçant à se ré-afficher. Exemple TODO List L'exemple donné dans la documentation officielle est très complet. A Snazzy Animated Pie Chart with HTML5 and jQuery. Home : Articles : A Snazzy Animated Pie Chart with HTML5 and jQuery Tutorial by Matt Doyle | Level: Advanced | Published on 11 August 2010 Categories: Learn how to use the HTML5 canvas element, CSS3 and jQuery to create a gorgeous, interactive animated pie chart.

A Snazzy Animated Pie Chart with HTML5 and jQuery

Full code included for your own use. In this tutorial I'm going to show you how to build a lovely, interactive pie chart using the latest HTML5 technologies. Step 1. Here's the markup for our chart page: <! The markup is pretty simple. A "container" div to wrap and centre the content An HTML5 canvas element for the pie chart A table element containing the chart data Header and footer boxes containing the chart title, copyright and so on Notice that the tr (table row) elements in the table are all given their own colours.

jQuery Live Login inspired by Google Instant Search. If($_POST) { $hostname = 'localhost'; $username = 'root'; $password = ''; $dbname = 'demo'; try { $dbh = new PDO("mysql:host=$hostname;dbname=$dbname", $username, $password); $user = addslashes(strip_tags($_POST['username']));

jQuery Live Login inspired by Google Instant Search

Un plugin jQuery de détection de visages. Tout ce qui touche à la reconnaissance d’image m’a toujours fasciné.

Un plugin jQuery de détection de visages

Google image sait extraire les photos contenant des visages, certaines applications comme iPhoto ou Picassa les reconnaissent même entre eux. Aujourd’hui les algorithmes sont maitrisés et certains sont même open source. Hier, je tombe Face Detection in JavaScript via HTML5 Canvas qui m’apprend que l’un de ces algorithmes a été porté en Javascript par un développeur chinois nommé Liu Liu. Avec scepticisme je teste la démo et, surprise, ça fonctionne vraiment. Le code est open source est disponible sur Github. Smartupdater - Interrogez périodiquement votre serveur avec jQuery. GMAP3 – Plugin jQuery – L’API Google Map v.3 Integration à la sauce jQuery.

Aujourd’hui je vais vous parler d’un autre plugin jQuery : GMAP3.

GMAP3 – Plugin jQuery – L’API Google Map v.3 Integration à la sauce jQuery

Tweetable 1.6 launched.

Formulaire

Galerie. Menus. Animations. Jquery mobile. Notifications. Freeow! - Un plugin jQuery de notifications avancées à la Growl. Freeow!

Freeow! - Un plugin jQuery de notifications avancées à la Growl