guirec.me

Utiliser Google Chrome pour le développement web

Habituellement, Firefox a toujours été le navigateur sur lequel je développais mes sites web. Aujourd’hui c’est toujours le cas mais j’utilise de plus en plus Google Chrome en complément. Ce dernier dispose de différents outils sympathiques pour lesquels je vous propose un rapide tour d’horizon.

Commençons par le commencement, nativement, Chrome inclus des “Outils de développement” plutôt complets.

Pouvant s’ouvrir à la manière de Firebug ou encore dans une fenêtre séparée, le premier des outils se rapproche d’ailleurs énormément de ce que propose Firebug. On y retrouve d’ailleurs quasiment toutes les mêmes informations et fonctions. On peut ainsi éditer le HTML et le CSS à la volée ; d’ailleurs, il est très pratique de pouvoir désactiver/activer n’importe quelle propriété CSS facilement. L’inspecteur d’éléments est moins précis que celui de Firebug, mais fonctionne correctement.
Je noterais toutefois qu’il me manque la possibilité de supprimer un éléments HTML, via un clic droit par exemple.

L’élément “Ressources” est par contre quelque que j’aimerais avoir sur Firefox (peut être que cela existe).

Ce dernier permet d’avoir un aperçu (graphique) des différentes ressources appelées au chargement de la page et surtout du temps que ces dernières mettent à charger. On peut ainsi facilement identifier l’origine d’un ralentissement sur une page et optimiser son chargement de manière visible.

A noter que l’on appelle rapidement ces outils via le raccourci clavier Ctrl+Shift+I sur PC. Je n’approfondirais pas davantage ces outils nativement inclus, je préfère vous présenter 2 extensions qui vont pouvoir venir en complément de ceux-ci.

La première est un équivalent à l’extension “Web developer” sur Firefox. Il s’agit de Pendule.

Pendule m’offre toutes les fonctions dont j’ai besoin pour ma part. J’apprécie particulièrement le “Display ruler” qui me permet de mesurer rapidement un élément pour connaitre sa taille en pixel. Le “Color picker” par contre ne fonctionne pas encore très bien.

La seconde extension est cette fois-ci le portage de l’extension “Web developer” sur Chrome, elle porte d’ailleurs le même nom: Web developer.

Étant donné sa redondance de fonctions avec Pendule, mais en moins pratique, je ne l’utilise principalement que pour redimensionner ma fenêtre afin de vérifier que l’affichage dans une résolution basse est correct.

Il existe bien sûr beaucoup d’autres extensions qui peuvent avoir une utilité, mais celles-ci sont tout à fait suffisantes. Je rajouterais peut être juste Copy Without Formatting, qui permet de copier du texte sans formatage. Utile avec les éditeurs WYSIWYG.

Voilà, n’hésitez pas à me signaler une fonction ou extension dont vous ne pouvez plus vous passer, je suis toujours preneur :-)

Miro, le lecteur idéal pour vos podcasts

Miro est un lecteur open source, complètement gratuit. Celui-ci a la particularité de fonctionner tel un agrégateur de flux afin d’acquérir de lui même les nouveaux épisodes de vos podcasts préférés.

Il est ainsi capable de recevoir n’importe quel flux audio ou vidéo. Il peut aussi tout à fait télécharger par le biais de fichiers Torrent. On peut ainsi imaginer se construire sa petite bibliothèque de séries via Miro.

Pour éviter de surcharger son disque dur, Miro supprime les podcasts déjà lu au bout de quelques jours et il vous est bien sûr possible de configurer tout cela jusqu’à lui demander de ne rien supprimer.
De toute manière, un bouton “Conserver” vous permet à tout moment de garder en stock un épisode.

La version 3 de Miro viens tout juste de sortir, cette dernière apporte principalement le support des sous-titres, plus de réactivité, et la possibilité de modifier les informations d’un fichier.

Il est également à noter que Miro permet de rechercher une vidéo Youtube directement dans le logiciel et télécharger celle-ci en local. Ce qui peut être très pratique !

Miro est disponible sur PC, Mac et Linux. C’est à essayer. J’utilisais auparavant iTunes mais Miro s’avère bien plus pratique.

Par ici pour télécharger Miro et baladez-vous un peu sur le site, il est très réussi également.

Enfin, si vous ne savez pas trop quoi ajouter comme podcasts, alors un petit tour par NoWatch.tv est indispensable !