Archives par mot-clef : chrome

Je réagis à un article que @_kud a relayé sur Twitter. L’article « Time to remove jQuery » a été écrit par Rogchap fin aôut. Dans cet article, Rogchap explique son souhait de quitter jQuery après l’avoir utilisé, beaucoup, presque à outrance, comme beaucoup d’entre nous. Maintenant il utilisé des micro-librairies pour remplacer jQuery dans les usages que requièrent ses projets. Je souhaitais réagir à son article plus loin que par un simple commentaire. Aussi parce que pendant longtemps comme vous le savez, j’ai tenu sur ce blog, une chronique jQuery et de nombreux articles autour de jQuery. Cet article me sert d’amorce au mien. Sur une sorte de ras le bol de cette mode de défoncer jQuery à la première occasion venue sur des arguments parfois quasi foireux. Parfois justifiés aussi. Un peu d’histoire jQuery a été créé par John Resig en … Continuer la lecture

Salu à tous ! Ça fait des mois que j’ai rien écrit et j’avoue que ça ne m’a pas dérangé. Je pense que je vais ne plus faire que des articles de temps en temps. Aujourd’hui, je vous propose une petite collection d’outils pour Chrome sans lesquelles mon quotidien de développeur serait moins sympathique. Octotree L’idée est d’améliorer la navigation dans un dépôt GitHub en vous proposant sur le côté gauche, une bonne vieille navigation arborescente. C’est tellement plus confortable https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc/ Github improved Le titre parle de lui même. Améliorez votre GitHub. https://chrome.google.com/webstore/detail/github-improved/nkbnmpfpclijlllipmfbkkednidgngaa Google Analytics Debugger Je mets en place pas mal de tracking via Google Analytics, au delà du simple copier-coller du tag que tout le monde commence à connaître par coeur. Et c’est un peu la tannée à déboguer parfois. Avec ça, je suis bien plus efficace. https://chrome.google.com/webstore/detail/google-analytics-debugger/jnkmfdileelhofjcijamephohjechhna … Continuer la lecture

Astuce d’utilisation des Chrome Dev Tools aujourd’hui. Faites un clic droit quelque part sur une page quelconque puis choisissez « Inspecter cet élément ». Dans le panneau des éléments, cliquez sur la valeur d’une des propriétés CSS. D’habitude, vous effacez, changez la valeur et vous recommencez tant que ça ne vaut pas la bonne valeur. Problème, c’est pas très efficace comme méthode quand on cherche au pixel près la bonne taille et que l’élément perd sa taille de référence et donc clignote à chaque fois que l’on teste une nouvelle valeur. Bof. Appuyez donc sur la flèche haute ou la flèche basse. La valeur change, ça ne clignote plus. Beaucoup plus efficace Le principe : flèche haut et bas, pas de 1. Page suivante ou précédente : pas de 10.

Ceux qui me suivent sur Twitter le savent déjà, je viens de lancer mon auto-entreprise. L’idée que je me suis fixé et de dispenser des formations JavaScript aux entreprises dans le cadre du DIF. Plus d’une fois en conférence, vous (peut-être, qui sait ?) êtes venus me demander si je faisais des formations sur plusieurs jours. Je répondais que non. La réponse est désormais : Oui ! Au programme, on aura donc diverses formations : JavaScript L’idée est de partir des bases du langage, l’approfondir, le comprendre. Découvrir des outils du quotidien du développeur JS, apprendre à déboguer le code et à le tester. Dans cette thématique seront abordés notamment les éléments suivants (ici en désordre) : GruntJS ; Mocha ; JSLint/JSHint ; Uglify ; JSPerf ; Chrome Dev Tools ; Firebug. jQuery Pour cette formation, je livre tout ce … Continuer la lecture

Comme vous le savez peut-être, depuis la version 27, Google Chrome n’est plus disponible pour les distros Debian inférieures à Wheezy. Donc si vous l’avez déjà installé, l’auto-mise à jour est désormais désactivée. Par contre si comme moi vous avez réinstallé votre bécane sans sauvegarder les packages, vous êtes cuits. Le dépôt officiel Google ne donne accès qu’aux version stables et beta de la version courante. Pas moyen de demander une autre version. Foutu. Si vous vous retrouver dans mon cas, vous pouvez ceci dit retrouver tous les .deb de toutes les versions stables (i386 et amd64) en allant ici : http://95.31.35.30/chrome/pool/main/g/google-chrome-stable/ Visiblement ce serveur appartient à un opérateur de télécoms russes nommé Corbina. Après avoir erré plus d’une semaine sur le net à chercher une solution, je me suis dit que ça intéresserait peut-être quelqu’un d’autre.

Tout d’abord je remercie Korben par qui j’ai pu connaitre ce service. Spoon propose un lanceur d’applications. Voilà, tout est dit, aussi simplement. Pour la faire plus complète, Spoon vous permet de lancer tout un tas d’applications sans avoir besoin de les installer. Le côté pratique, c’est que du coup, vous avez accès à toutes les versions de tous les navigateurs majeurs (entendre plus de 0.2% du marché, toutes versions confondues) sur un seul et même pc. En fait 2. Evidemment la virtualisation a ces limites. Vous ne pourrez pas lancer IE 9 et 10 sur un XP, et je ne sais plus ce que je n’ai pas réussi à lancer depuis un Windows 7. Spoon est disponible uniquement sur Windows, les versions Mac et Linux sont en cours de développement. Pressé, parce qu’avoir tout un tas d’applis qui tournent sur … Continuer la lecture

Salut tout le monde ! Aujourd’hui, je vais un peu cracher ma haine sur IE 10- (donc toutes les versions en fait). Je suis dans la situation où je dois binder presque tous les évènements possibles sur un formulaire HTML. Jusque là rien de difficile, j’ai jQuery à ma dispo, je vous colle donc du on(‘click’), du on(‘change’) en veux-tu en voilà et le tour est joué. Et bien non, parce que forcément : IE a décidé de me faire tourner en bourrique ! Il faut savoir que l’auto-complétion proposée par les différents navigateurs déclenche systématiquement l’évènement onChange sur les champs concernés par les modifications apportées par l’auto-complétion. Ceci est vrai sur Safari, Opera, Firefox et bien sûr Chrome. Mais pas Internet Explorer. De la première à la toute dernière version toute fraîche qu’est IE 10. Je peux même plus que … Continuer la lecture

On va jouer un peu avec de la géolocalisation via HTML 5 et JS. On va faire simple, on attaque direct avec un bout de code : if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function (position) { console.log("position", position) }); } Assez simple quand même là, non ? Explications Toujours vérifier si on peut faire ce qu’on va faire avant de le faire. Qualité, efficacité, compatibilité (surtout). Puis on demande au navigateur de nous envoyer les infos auxquelles il a accès. Cela peut nécessiter une autorisation de la part de l’utilisateur. Tout est envoyé via un objet en paramètre dans une fonction de callback que j’ai créé en anonyme ici. Vous obtiendrez un objet Position qui contient un timestamp (pratique pour le temps réel) et un objet Coordinates nommé coords. Ce dernier objet contient les propriétés suivantes : accuracy : précision estimée sur la … Continuer la lecture

J’ai pas mal hésité à écrire sur la question du nouveau langage que s’apprête à proposer Google. Grosso modo, l’idée est de proposer une alternative open-source à JavaScript pour tout simplement à terme dégager celui-ci en corrigeant ses principaux défauts. Il est vrai que JavaScript possède pas mal de défaut dans sa conception de base, la fonction eval() par exemple. Cependant, l’essentiel des reproches qu’on peut faire au monde du JS de mon point de vue ne vient non pas du langage lui-même mais du désintérêt total d’une bonne part des développeurs qui l’utilisent. Partant du principe qu’il est comme tous les autres langages sans chercher à en comprendre les subtilités qui justement le détache des autres langages, sa notion d’objets par prototype par exemple. Google afin d’aider à la diffusion de Dart compte bien (naturellement) l’intégrer par défaut dans … Continuer la lecture

Suite et fin de mes tests sur la librairie Head.js avec le test de la version « chargeur seul ». Continuer la lecture