piCSSel-art
Du pixel à la feuille de style

Le , par FirePrawn, Expert éminent sénior
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 ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :
Offres d'emploi IT
Développeur WEB PHP F/H
VACALIANS GROUP - Languedoc Roussillon - SETE (34)
RESPONSABLE WEB ANALYTICS F/H
VACALIANS GROUP - Languedoc Roussillon - SETE (34)
Développeur Web FULL-STACK
VACALIANS GROUP - Languedoc Roussillon - SETE (34)

Voir plus d'offres Voir la carte des offres IT
Responsable bénévole de la rubrique CSS : Xavier Lecomte -