Une des clés pour garantir à vos visiteurs une expérience utilisateur fluide et agréable se trouve dans l’optimisation des temps de chargement. A cet égard, les images sont souvent un goulot d’étranglement qui mérite notre attention. Photoshop est souvent utilisé pour la conversion des images aux formats PNG, JPG ou GIF, mais il ne dispose pas du meilleur algorithme de compression. Voici une vingtaine d’outils pour mieux compresser vos images et améliorer les performances de votre site : Voulez-vous en savoir plus ?
tag » PNG
31 outils en ligne simples et efficaces pour les travailleurs du web
Ce billet est une sorte de «Note pour plus tard» pour garder sous le coude quelques outils en ligne que j’utilise régulièrement ou que j’ai redécouverts dernièrement. Ils vous permettront de partager des bouts de code, prendre des notes, créer des penses-bêtes, sauvegarder vos bookmarks, partager des textes, valider votre prose (CSS, HTML, XML, RDF), placer du faux-texte et des fausses images (placeholders) dans vos pages web. Vous (re)découvrirez également des dictionnaires, des correcteurs orthographiques et des ressources web à garder sous la souris. Le tout réparti entre développement web, édition & travail collaboratif et dictionnaires et ressources. Voulez-vous en savoir plus ?
WordPress je thème
Malgré ce que je pense d’une manière générale des licences alternatives au droit d’auteur français utilisées n’importe comment pour tout et n’importe quoi, j’ai ressenti ponctuellement le besoin de mettre quelque chose dans le domaine public. Il s’agit d’un logo pour 1) montrer son amour pour la première plate-forme de sites et de blogs au monde et 2) montrer — le cas échéant — que l’on s’en sert professionnellement. Voulez-vous en savoir plus ?
Gridulator calcule la grille de votre design web
Gridulator — Cet outil en ligne créé par David Sleight permet de faciliter les calculs de votre grille de mise en page. Il suffit de spécifier la largeur de votre design, le nombre de colonnes que vous voulez et Gridulator vous donnera tous les résultats présentant des valeurs entières (difficile de diviser un pixel, n’est-ce pas ?). L’application est pilotable au clavier, ce qui facilite les tâtonnements pour trouver le meilleur rapport entre la largeur des colonnes et des gouttières. Voulez-vous en savoir plus ?
TweakPNG 1.3.0
Une nouvelle version de TweakPNG vient de sortir. La dernière datait de 2004 ! Parmis les nouveautés :
- Prise en charge du chunk iTXt,
- Utilisation des dernières version de zlib et libpng.
- Le code binaire est désormais une application Unicode,
- Le logiciel n’est pas compatible avec Window 95/98/ME,
- Beaucoup de ménage dans le code source,
- Quelques bugs réparés, mais d’autres bugs sont sûrement apparus qu’il faudra réparer à leur tour !
- Passe de la licence GPLv2 à GPLv3.
Ce petit utilitaire est très pratique pour modifier la couleur par défaut des PNG transparents pour éviter le background disgrâcieux sous IE6 ;)
IE6 — Gérer la transparence du format PNG 24 bits
Le format PNG autorise jusqu’à 256 niveaux de transparence qui ne sont pas pris en charge par Internet Explorer 6. La dégradation grâcieuse n’étant pas toujours possible, je me suis rafraichis la mémoire sur les différentes manières d’utiliser le filtre AlphaImageLoader. J’ai fini par tomber sur une solution globale pour gérer cette transparence même en présence d’un background-repeat ou d’un background-position ! (Cet article est en quelque sorte la suite de Opacité CSS et effet de trame avec GIF/PNG transparent.) Voulez-vous en savoir plus ?
22 commentaires » | Publié dans HTML & CSS, Intégration web, Javascript & PHP