Le coin du dev Web de Spacefrog » Logiciel

Ne vous jetez pas par la fenêtre !

SpaceFrog — Fri, 21 Sep 2012 06:52:39 +0000

Vous êtes fatigués de vous battre avec vos fenêtres de l’explorateur windows ?
Je vous propose un petit addon windows qui pallie au manque cruel d’onglets dans l’explorateur windows.

Une fois installé, cet addon ajoute un sytème d’onglets (façon chrome) dans votre explorateur window, tout en conservant intégralement toutes les fonctionnalités de base ou ajoutées de votre explorateur windows.
Vous pourrez ainsi visualiser vos dossiers dans les onglets d’une fenêtre unique, copier ou déplacer vos fichiers entre vos onglets.
Bref rien que du bonheur…

L’addon se nomme Clover et vous pourrez le télécharger ici

Taille : 2.4 MB
Compatible : Windows XP / Vista / Vista64 / 7 / 7 x64

css sprite – Ou comment regrouper vos images

SpaceFrog — Tue, 11 Sep 2012 14:17:52 +0000

Lorsque l’on code un site web, on est souvent obligé d’utiliser beaucoup de petites images, des coins, des puces, des icônes, des symboles, des flèches et autres.
Lors du chargement la page fait autant d’appels réseau qu’il y a d’images différentes sur la page. Ce qui peut allonger le temps de chargement.
Il existe une technique qui permet de limiter ces accès multiples en n’ayant qu’une seule image.
Il suffit d’un peu de css pour positionner correctement l’image afin que n’apparaisse que la partie voulue: Cette technique s’appelle le sprite.

Cependant il n’est pas aisé de regrouper les images en une seule et surtout de récupérer les coordonnées permettant l’affichage de l’extrait d’image souhaité.
Heureusement votre grenouille préférée vous a trouvé deux petits software qui vous aideront dans cette difficile tache.
cssSpriter
Sprite Sheet Packer
Ces deux outils non seulement génèrent une image unique à partir de vos différentes images, mais génèrent également les codes html et css vous permettant de les intégrer dans vos sites webs.

Cette technique est également utilisée dans les jeux afin d’animer des personnages en faisant défiler les différentes postures d’un personnage par modification dynamique de la position de l’image.
j’avais déja abordé les animations avec sprite ici

Les égouts et les couleurs …

SpaceFrog — Wed, 05 Sep 2012 11:19:51 +0000

Je suis développeur web, plutôt codeur ou intégrateur, pas graphiste.
La plupart du temps je récupère des chartes graphiques, mon coté artiste est donc très peu sollicité, ce qui n’est pas plus mal …
Dans les rares cas ou je me suis lancé dans la création du design de sites, je me suis souvent heurté au casse tête des associations de couleurs.

Pour éviter les fautes de goût je vous conseille d’utiliser des outils qui, à partir d’une couleur maitresse, vous indiqueront une palette de couleurs que vous pourrez y associer.

Il existe des sites en ligne que vous trouverez facilement en tapant « color scheme » sur votre moteur de recherche de prédilection.

Mon choix s’est porté sur un petit freeware nommé CSDesigner
Doté d’une pipette qui vous permet de repiquer la couleur maitresse, il vous propose les dégradés et couleurs complémentaires que vous pourrez lui associer sans risques pour les rétines.
Vous trouvez cette petite application ici