Je ne suis pas le premier ni le dernier à en parler, mais même sans être fan de Mickaël Jackson, une chose est certaine il était le roi!! Sa mort est un seisme dans le monde de la pop. Adieu!!

Tags: Jackson, Mickael Jackson, mort

Icon Generator est une application qui va vous permettre de générer, très simplement et en 3 étapes, des icones avec au style CS3 ou Web 2.0.

Choisissez 4 caractères maximums, la couleur et le tour est joué, votre nouvelle icone sort en 4 tailles différentes (128×128 - 48×48 - 32×32 - 16×16).

Tags: adobe, cs3, generateur, icone, web2.0

Début octobre, je vous avais présenté 4 générateurs de template, mais depuis j’ai pris connaissance de iStylr, et franchement c’est génial et risque de devenir un outils indispensable!!

Comme je trouve iStylr vraiment indispensable, je vais essayer de vous en faire la présentation la plus complète possible.

Pour avoir accès à l’édition proprement dite, une inscription est nécessaire. Ensuite vous pourrez alors soit modifier le template proposé par défaut:

Soit vous créez votre template en partant de zéro. Des cadres bleus représentent alors les différentes zones de votre template. Il vous est aussi demander de choisir avec quel CMS vous travaillez pour rendre votre template compatible. :

A la 2nd étape, vous devez sélectionner la taille de votre template

Et enfin, il ne vous reste plus qu’à selectionner les éléments qui composeront votre futur template

Vous avez alors accès à tous les outils nécessaires pour réaliser votre template: Editeur HTML, Editeur CSS, Gestion des Widget, Gestion des éléments par Drag&Drop, Gestion simplifiée de chacun des éléments du CSS et des éléments de votre template, …!!

Dernière chose, une dernière possibilité, et pas des moindre! Vous avez la possibilité d’importer tout simplement un template depuis une URL de votre choix!! Par exemple avec UnSimpleClic

Je n’ai sans doute pas tout tester étant donné les grandes possibilités qu’offre cet outils, qui à mon avis, va simplifier la vie à pas mal de monde, moi le 1er!

A tester rapidement!

Tags: design, generateur, iStylr, template

Colorcombos (… pour Combinaisons de Couleurs), comme son nom l’indique et comme beaucoup d’autres outils disponibles sur le net, vous permet de de voir le rendu de telles ou telles combinaisons de couleurs. Bien entendu, une librairie de diverses combinaisons est disponible en cliquant sur

Ce qu’il y a de plus intéressant c’est de pouvoir récupérer les couleurs utilisées par tel ou tel site. Pour se faire, il vous suffit d’indiquer son URL

Par exemple, voici les couleurs qu’utilise UnSimpleClic

A partir de cet écran, un certain nombre d’options est disponible. Vous pouvez choisir une autre couleur pour une colonne, déplacer les colonnes, les supprimer mais aussi saisir le code Hexadecimal d’une couleur que vous connaissez (#000000 pour le noir par exemple…).

Mais vous pouvez aussi ajouter des colonnes, obtenir le lien pour votre site ColorCombos.com Combo qu’il vous est possible de modifier à votre guise Les couleurs utilisées par UnSimpleClic, l’image de votre combinaison

Mais aussi l’URL de cette dernière http://www.colorcombos.com/combotester.html?color0=387595&color1=2175bc&color2=ff7400&color3=b4c24b&color4=555555&color5=58bbeb&color6=000000

….

Ce n’est pas terminé!! Encore quelques options via un menu déroulant sont disponibles:

Clear All: Pour tout effacer
Show Text/Hide Text: pour montrer ou non ce que donne les couleurs avec du texte
Get Complimentary Colors: Pour vous permet de sélectionner une couleur de votre combinaison comme base et Colorcombos vous donne alors d’autres couleurs

Get The Image: Pour avoir l’image de votre combinaison en 4 tailles différentes

Get The Link: Pour obtenir les liens de votre combinaison (voir plus haut…)
Grab Website Colors: Pour obtenir le jeu de couleurs utilisé par un site (voir plus haut…)
Make template: Pour créer un template à partir de votre combinaison

Finalement, moi qui pensais avoir à faire à un simple site pour comparer des couleurs, j’ai vraiment été véritablement impressionné par les grandes possibilités de Colorcombos. A bookmarker de toute urgence et surtout à essayer et à utiliser.

Et vous, vous en pensez quoi?!!

Tags: colorcombos, couleur, design, Webdesign

Smush It est un nouvel outils pour tous ceux qui souhaitent réduire sensiblement le poids des images qu’ils publient en ligne.
Rien de mieux pour accélérer le chargement des blogs, sites et autres… en plus il semblerait qu’il soit encore possible de réduire la taille des images qui ont déjà été optimisées avec d’autres outils (Photoshop, …).

Vous avez plusieurs possibilités pour effectuer cette opération.

En allant tout simplement chercher une image directement sur votre ordinateur…,soit en saisissant l’URL de l’image ou des images souhaitées. Dans ce dernier cas, il faut saisir chacune des URLs sur une ligne. (J’ai essayé de saisir l’URL d’un site, mais cela ne fonctionne pas…)

Encore plus fort, comme on ne connais pas toujours l’adresse des images puis qu’il est énervant de devoir saisir un tas d’URLs, vous avez alors la possibilité d’installer une extension Firefox.
Une fois cette dernière installée, une icône est alors ajoutée à Firefox (en bas à droite), et là c’est génial!

J’ai fait le test sur le site de Smush It et voici le résultat:

Toutes les images ont été passées à la moulinette. Comme on peut le voir l’image sreenshot.png à été réduite de 2.21 kb. Bon ok, c’est pas grand chose, mais faites l’essai sur vos photos et on en reparle…

Vous avez aussi la possibilité de télécharger toutes les images qui ont été “Smushées” en cliquant sur

En retournant sur URL, vous obtenez les adresses de l’ensemble des images

Et puis sur la page des résultats, passez simplement votre souris sur le nom d’une des images, c’est super pratique…

Bref, moi je trouve Smush It trés intéressant et très pratique

Bon je vous laisse essayer!!
Et pour ceux qui ont déjà vu cet outils, n’hésitez pas à me laisser vos impressions.

Tags: image, optimisation, smush it, smushit, smushit.com

Typetester est un service en ligne qui permet de comparer jusqu’à 3 polices de caractères en même temps.
Vous pouvez vraiment tout comparer grâce à la richesse des options proposées.

Un outils trés pratique pour les webmasters.
Je ne connaissais pas ce site avant de faire ce blog, j’ai utilisé Typechart mais moins pratique je trouve finalement.

Ah oui, il est possible de récuperer le css de chacune des 3 colonnes

Tags: font, Outils, police, typetester, Webdesign