Passer d'un dessin en pixels à du code CSS simplement
grâce à cet outil en ligne

Amateur de pixel et de développement Web ?
Ce site est fait pour vous !

piCSSel-art est un outil en ligne permettant de convertir un dessin à base de pixel en code CSS.

Un peu à la manière du plugin CSS3Ps dont on parlait il y a quelques jours et qui permet de convertir un calque Photoshop en code CSS, ce site vous donne la possibilité de convertir un dessin pixelisé en feuille de style.

Sur cet outil, vous avez à votre disposition une petite fenêtre de dessin, une boite contenant du HTML et enfin la boite contenant le CSS qui correspond à votre dessin.
Vous pouvez dessiner ce que vous souhaitez grâce au clic gauche de votre souris dans la fenêtre dédiée.
Les commandes sont très simples :
  • clic gauche pour dessiner un pixel ;
  • Ctrl + clic pour effacer un pixel ;
  • Shift + clic pour changer la couleur des pixels.


Toute la palette de couleurs est disponible, vous permettant ainsi de donner un peu de vie à vos dessins.
Vous n'avez ensuite plus qu'à cliquer sur le bouton "Generate code!" pour voir apparaître le code CSS correspondant à votre dessin.

Artistes, à vos clics !

Source : picSSel-art

Et vous ?

Cet outil est-il utile selon vous ?
Avez-vous déjà eu besoin de convertir un dessin pixelisé en code css ?