PUBLIC MARKS from eledo34 with tags web & outils

Lors de ma formation “Responsive Web Design”, j’ai une partie de cours concernant la performance web pour mobiles. Durant cette partie, j’évoque et je teste en direct des outils de compressions d’images et mon préféré a toujours été Smushit.com pour les raisons suivantes très pratiques en formation : en ligne, pas besoin d’installation quelconque gratuit, sans inscription tous formats de fichiers acceptés traitement par lots accepté (fichiers multiples) Cependant, il se trouve que depuis quelques mois, les résultats de compression de Smushit se sont radicalement dégradés sur mes fichiers habituels d’exercices : autrefois de l’ordre de 30% à 50% de compression, on atteint actuellement péniblement 10%. Je me suis donc décidé à chercher d’autres outils du même acabit, et Twitter m’a bien aidé !

Avec l’avènement de CCS3, les Webdesigner peuvent aujourd’hui intégrer directement et très facilement une typographie personnalisée via @font-face. Le principe est très simple : la page web ne compte plus sur les polices de caractères présentent sur l’ordinateur de l’internaute, mais télécharge un ou plusieurs fichiers de fonts qu’elle affichera.

Mozilla dispose d'un projet répondant au nom de Open Web Tools Directory. Ce projet répertorie une multitude d'outil pour faire du développement web en se basant sur des standards ouverts[1]. On trouve de tout : logiciels, extension, bibliothèques, frameworks, etc. Je trouve qu'il est intéressant pour un développeur web de parcourir la liste. À titre personnel j'y retrouve pas mal d'éléments connux (Mootools, jQuery, Firebug, Selenium, …) mais aussi des choses assez intrigantes et intéressantes (Notable, SpriteMe, XRefresh, Dummy Image, …). À lire et à tester.

Effectuez des débogages JavaScript et inspectez les feuilles CSS, les modèles DOM et les en-têtes HTTP en toute simplicité, directement depuis votre navigateur Opera. Si vous effectuez un déploiement sur mobile, pas de problème : Opera Dragonfly prend en charge le débogage à distance pour communiquer directement avec Opera Mobile et les autres appareils exécutant Opera Presto.

130 outils pour les webdesigners