Adobe Projet Parfait : extraire le CSS de votre PSD
Le 2014-05-27 21:00:52, par rodolphebrd, Expert confirmé
Adobe Project Parfait : extraire le CSS de votre PSD
Adobe signe un bel outil qui promet de rendre de bons services aux webmasters en permettant d’extraire le code CSS d’un fichier PSD dans le navigateur.
Dans le navigateur… C’est à dire que la version actuelle (beta) est gratuite et ne nécessite pas de posséder Photoshop pour l’utiliser.
On peut imaginer que le webmaster a reçu la maquette d’une page en PSD qu’il lui suffit d’uploader sur Project Parfait pour en extraire le CSS.
L’interface intuitive donne un résultat très bon même s’il faut remanier le code CSS qui vous fournit les détails sur la police, les tailles, les couleurs, les ombres, avec les préfixes vendeurs. Vous pouvez visualiser les distances entre les objets par un shift + clic.
Il est possible de détailler les calques et de les sauvegarder (individuellement), en les optimisant, en PNG, JPG et SVG.
Vous disposez d'un fichier PSD en pièce jointe pour le tester vous même sur Project Parfait.
Et vous ?
Adobe signe un bel outil qui promet de rendre de bons services aux webmasters en permettant d’extraire le code CSS d’un fichier PSD dans le navigateur.
Dans le navigateur… C’est à dire que la version actuelle (beta) est gratuite et ne nécessite pas de posséder Photoshop pour l’utiliser.
On peut imaginer que le webmaster a reçu la maquette d’une page en PSD qu’il lui suffit d’uploader sur Project Parfait pour en extraire le CSS.
L’interface intuitive donne un résultat très bon même s’il faut remanier le code CSS qui vous fournit les détails sur la police, les tailles, les couleurs, les ombres, avec les préfixes vendeurs. Vous pouvez visualiser les distances entre les objets par un shift + clic.
Il est possible de détailler les calques et de les sauvegarder (individuellement), en les optimisant, en PNG, JPG et SVG.
Vous disposez d'un fichier PSD en pièce jointe pour le tester vous même sur Project Parfait.
Et vous ?