Voici un petit outil fort pratique. FontFonter va vous permettre d’essayer de nouvelles typos directement en ligne sur n’importe quel site. Lire la suite…»
Tags: fontfonter, police, typo, webdesign
Aujourd’hui Twitter est devenu incontournable et est aussi un formidable outil d’information. Pour de nombreux blogueurs, illustrer leurs articles est tout aussi important que prendre soin du contenu. Se soucier des aspects rédactionnel et visuel de leurs créations peuvent parfois prendre beaucoup de temps. Lire la suite…»
Tags: embed, integration, tweet, Twitter
Il y a un petit moment que j’avais envie de faire un article pour vous présenter ce studio créatif. Lire la suite…»
Tags: labubulle, labubulle.com, studio creatif
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
