LoïcG » jquery http://blog.loicg.net Carnet d'un développeur web Sat, 04 Feb 2012 17:31:19 +0000 fr hourly 1 http://wordpress.org/?v=3.3.1 La veille du week-end (dix-septième) http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-dix-septieme/ http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-dix-septieme/#comments Fri, 11 Feb 2011 07:01:18 +0000 Loïc http://blog.loicg.net/?p=1327 Une semaine encore agitée en Egypte, l’Ipad 2 serait en route et la loi Loppsy a été adoptée par nos chers députés …

Bienvenue dans cette dix-septième édition de la Veille du Week-End :)

Développement et performances :

SEO, SMO, SMA et leurs potes :

Intégration et Webdesign :

Divers :

Et pour les (quelques) autres liens, c’est toujours dispo grâce à TwitterFavs ;)

]]> http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-dix-septieme/feed/ 0 La veille du week-end (huitième) http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-huitieme/ http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-huitieme/#comments Fri, 03 Dec 2010 09:51:04 +0000 Loïc http://blog.loicg.net/?p=1188 Ho Ho Ho ! Voici venir la veille du week-end.

En bref cette semaine : La NASA trouve de nouvelles formes de vies… sur Terre, l’extension de noms de domaines .p2p pourrait voir le jour sur un système de DNS parallèles, et il neige (sisi, j’vous jure !).

Allez, passons à de la veille plus utile :

Développement web et technique

Javascript

SEO, et tous ses potes

Intégration, webdesign et expérience utilisateur

Syadmin et linuxeries

Comme d’habitude, je n’ai pas publié tout ce que j’ai mis en favoris ou noté sur le web. Pour la liste complètes, c’est sur Twitter_favs.

]]> http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-huitieme/feed/ 1 La veille du week-end (sixième) http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-sixieme/ http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-sixieme/#comments Fri, 19 Nov 2010 08:01:31 +0000 Loïc http://blog.loicg.net/?p=1141 Bienvenue dans cette sixième édition de la veille du week-end. Une semaine bien riche en lecture avec notamment beaucoup de SEO, avec quelques études et astuces pour Google Instant, des outils et techniques pour prévoir et suivre ses actions d’optimisation.

J’ai également sélectionné des articles portant sur l’intégration, le HTML5 et les plateformes mobiles (principalement comment adapter simplement un site existant aux plateformes mobiles tactiles).

SEO :

Intégration et expérience utilisateur :

Développement et technique :

Confort et télétravail :

Et pour finir, un peu de détente :

Pour le reste de ma sélection, c’est par ici.

Cet article t’as plus ? Retrouve chaque semaine la veille du week-end ainsi que mes autres articles grâce à ce fabuleux flux RSS (gratuit et en plus, tu donnes pas ton nom ^^)

]]> http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-sixieme/feed/ 1 La veille du week-end (quatrième) http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-quatrieme/ http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-quatrieme/#comments Fri, 05 Nov 2010 14:13:18 +0000 Loïc http://blog.loicg.net/?p=1094 La semaine a été riche d’actus, et ma récolte pour le week-end est plutôt conséquente.
Du coup, on se retrouve pour cette quatrième veille du week-end avec beaucoup de lecture (heureusement, la météo a prévu de la pluie ^^).

Au programme : pas mal de SEO/sémantique/UX, deux beaux plugins jQuery et Google qui fourni gratuitement (et en open-source) un module d’optimisation (pagespeed) pour Apache2.

En route !

De la technique

Du SEO, de la sémantique et de l’UX

De beaux plugins pour jQuery :

Et pour finir, un peu de détente avec une sélection de 20 jeux Android gratuits,dont l’excellentissime Angry Birds : via @chrislogiste

Si vous avez tout lu, et que vous avez fini les 20 jeux, je vous propose d’aller fouiller dans mes favoris twitter de la semaine.

]]> http://blog.loicg.net/autour-dun-cafe/la-veille-du-week-end-quatrieme/feed/ 1 Passer le datepicker de jQuery UI en Français http://blog.loicg.net/webdev/jquery-datepicker-en-francais/ http://blog.loicg.net/webdev/jquery-datepicker-en-francais/#comments Sat, 07 Aug 2010 02:19:01 +0000 Loïc http://blog.loicg.net/?p=969 Je me sert assez fréquemment du datepicker fourni avec jQuery UI, mais, j’ai aussi très souvent besoin que les jours, les mois et le format de dates soient en Français.

Pour passer le datepicker en Français, je m’étais fait un petit snippet dans lequel j’avais placé les paramètres à appliquer lorsque je déclare le plugin jQuery pour lui fournir les informations nécessaires à la traduction…

Mais depuis peu, je me suis aperçu qu’il exite des fichiers tout prêts pour ça :

http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/

Il suffit de choisir la langue souhaitée, puis d’inclure (ou copier) le fichier correspondant juste après avoir inclus jQuery UI.
Et voilà ^^

]]> http://blog.loicg.net/webdev/jquery-datepicker-en-francais/feed/ 0 Manipuler les checkbox avec jQuery sous IE http://blog.loicg.net/webdev/manipuler-checkbox-jquery-internet-explorer/ http://blog.loicg.net/webdev/manipuler-checkbox-jquery-internet-explorer/#comments Mon, 01 Mar 2010 21:23:58 +0000 Loïc http://blog.loicg.net/?p=804 Très récemment, IE m’a posé un léger problème avec sa gestion bien lourdingue des événements, et notamment le change.
J’ai eu besoin d’utiliser les événements sur des checkbox pour réaliser des filtres d’affichage pour Google Maps.
Pour faire simple, voici un bout de code qui fonctionnait parfaitement sur tous les navigateurs (sauf IE, bien entendu …) :

$('input[type=checkbox]').change(filtrer);

« filtrer » étant ma fonction de filtrage des points sur la carte.

Malheureusement, IE (6,7 et 8 ) avait du mal à réagir à cet événement.

Du coup, j’ai du l’y forcer :

$('input[type=checkbox]').click(function(e){
    if($.browser.msie){
        $(this).change();
    }
 });

Ainsi, je force IE à provoquer l’événement et ma fonction « filtrer » est bien appelée :)

En bonus, voici comment cocher et décocher des checkbox avec jQuery :

$('input[type=checkbox]').attr('checked','checked');//cochage
$('input[type=checkbox]').attr('checked','');//décochage

à modifier selon votre page et donc vos sélecteurs :)

]]> http://blog.loicg.net/webdev/manipuler-checkbox-jquery-internet-explorer/feed/ 7 Un captcha bien sympatique sous jQuery http://blog.loicg.net/webdev/captcha-drag-drop-jquery/ http://blog.loicg.net/webdev/captcha-drag-drop-jquery/#comments Fri, 20 Feb 2009 12:11:00 +0000 Loïc http://blog.loicg.net/?p=606 Web Design Beach propose un nouveau type de captcha. Ce captcha se veut plus simple et visuellement plus agréable.

captcha-visuel

La nouveauté, par rapports aux habituels réside dans la présentation. Il suffit en effet de glisser-déposer une image dans un panier pot une autre image.

Le gros avantage de ce type de sécurité est sa simplicité, puisque habituellement on doit déchiffrer des textes déformés dans tous les sens, reconnaitre une couleur ou encore faire des maths ^^

J’ai trouvé le principe de Drag n’ Drop assez sympa, malheureusement, le côté sécurité est à revoir puisque le code de vérification du captcha est simplement le numéro de l’image, il est donc assez facile pour un bot de passer outre. Je pense qu’une vérification de la clé du côté serveur pourrait remédier à cela.
Source : WebAppers

]]> http://blog.loicg.net/webdev/captcha-drag-drop-jquery/feed/ 1 Manuel jQuery en Français http://blog.loicg.net/webdev/manuel-jquery-francais/ http://blog.loicg.net/webdev/manuel-jquery-francais/#comments Thu, 05 Feb 2009 05:42:46 +0000 Loïc http://blog.loicg.net/?p=560 Jarodxxx vient d’ouvrir officiellement son manuel jQuery Français.

Ce site était au départ un mémo perso pour le développeur. Il a décidé de l’agrémenter avant de le partager avec le reste des utilisateurs francophones de la librairie javascript.

C’est du bon, du très bon. Je pense que je vais en faire un usage assez intensif et m’excuse par avance auprès de Jarod pour les surcoûts en bande passante ^^

]]> http://blog.loicg.net/webdev/manuel-jquery-francais/feed/ 2 Mise à jour de jQuery (1.3.1) http://blog.loicg.net/webdev/mise-jour-jquery-1-3-1/ http://blog.loicg.net/webdev/mise-jour-jquery-1-3-1/#comments Fri, 23 Jan 2009 11:47:07 +0000 Loïc http://blog.loicg.net/?p=516 Le premier correctif pour jQuery 1.3 est déjà disponible.

jquery-logo

Cette version 1.3.1 n’apporte aucune amélioration, mais corrige quelques bugs. La liste des bugs corrigés n’est pas énorme, mais la plupart d’entre eux concernaient l’intégration du sélecteur Sizzle.
En dehors de ça, quelques autres corrections mineures de compatibilité avec certains navigateurs.

Vous trouverez plus d’infos sur le bug tracker de jQuery.

]]> http://blog.loicg.net/webdev/mise-jour-jquery-1-3-1/feed/ 0 Sortie de JQuery 1.3 http://blog.loicg.net/webdev/sortie-de-jquery-13/ http://blog.loicg.net/webdev/sortie-de-jquery-13/#comments Mon, 19 Jan 2009 17:54:14 +0000 Loïc http://blog.loicg.net/?p=475 jQuery, la librairie javascript la plus populaire à l’heure actuelle vient de fêter son troisième anniversaire.
Pour fêter cet évènement, les développeurs ont publiée la version 1.3 finale (la béta était déjà disponible auparavant).

jquery-logo

Cette nouvelle version apporte sont lot d’amélioration, dont une qui a fait pas mal parler, l’intégration de Sizzle.
Sizzle est le sélecteur DOM à la mode. Son principal atout est d’être plus rapide que les autres (entre 2 et 40x selon les librairies et les navigateurs).

  • La création d’éléments DOM à la volée (par un simple $(‘<div />’); par exemple …).
  • Une amélioration de la vitesse d’exécution des effets.
  • Meilleure gestion des évènements.

Bref, beaucoup d’améliorations, je ne vais pas toutes les citer elles sont notées dans la release note ^^

Auparavant, je travaillais surtout avec Mootools et Prototype (+ Scriptaculous), mais désormais je vais m’atteler à utiliser jQuery car cette librairie présente de nombreux avantages.

Pour moi, les principaux atouts sont :

  1. La taille de la communauté d’utilisateurs, même si mootools et prototype ne sont pas en reste, jQuery reste la librairie javascript la plus utilisée au monde.
  2. Les plugins. La communauté étant assez importante et la librairie ayant maintenant 3 ans, de nombreux plugins sont mis à disposition des utilisateurs (expérimentés ou non). Ces plugins permettent d’animer et de dynamiser facilement certains éléments de page (rendre les tableaux « triables », animer une galerie photo ou encore mettre un peu d’ajax dans les formulaires …)
]]> http://blog.loicg.net/webdev/sortie-de-jquery-13/feed/ 0