CSS Hat [1.2.0 – US – OS X 10.7 – 29,99 $] est un module pour Photoshop qui est capable de convertir n’importe quel calque en code CSS 3. Très pratique pour les concepteurs de sites Internet, cet utilitaire permet de gagner beaucoup de temps en évitant au développeur de reproduire manuellement l’interface imaginée par son designer.
Une fois installé, CSS Hat est disponible comme extension dans Photoshop (CS4 ou mieux). À partir de là, sélectionnez un calque et cliquez sur le bouton "Copy" pour ajouter le code correspondant dans le presse-papier. Vous pourrez ensuite l’exploiter dans votre site, tout simplement.
Même si l’utilitaire fait de son mieux pour reproduire en CSS le calque d’origine, tout n’est pas parfaitement pris en charge. L’éditeur indique sur son site la liste des propriétés de calque pris en charge et CSS Hat sait aussi intégrer les images non vectorielles en les convertissant en Base64. Le résultat est assez précis si l’on en croit les exemples mis en ligne sur le site officiel, plus que l’outil intégré par Adobe dans la CS6 notamment. On peut en effet obtenir du code CSS pour chaque calque dans cette dernière version, mais le résultat est beaucoup moins précis, toujours selon l’éditeur.
Vendu 29,99 $, ce module ne peut pas être testé avant achat pour le moment. La licence est valide sur OS X et Windows et l’éditeur vous rembourse si vous n’êtes pas satisfait. Ajoutons que les futures mises à jour de CSS Hat sont offertes gratuitement.
Une fois installé, CSS Hat est disponible comme extension dans Photoshop (CS4 ou mieux). À partir de là, sélectionnez un calque et cliquez sur le bouton "Copy" pour ajouter le code correspondant dans le presse-papier. Vous pourrez ensuite l’exploiter dans votre site, tout simplement.
Même si l’utilitaire fait de son mieux pour reproduire en CSS le calque d’origine, tout n’est pas parfaitement pris en charge. L’éditeur indique sur son site la liste des propriétés de calque pris en charge et CSS Hat sait aussi intégrer les images non vectorielles en les convertissant en Base64. Le résultat est assez précis si l’on en croit les exemples mis en ligne sur le site officiel, plus que l’outil intégré par Adobe dans la CS6 notamment. On peut en effet obtenir du code CSS pour chaque calque dans cette dernière version, mais le résultat est beaucoup moins précis, toujours selon l’éditeur.
Vendu 29,99 $, ce module ne peut pas être testé avant achat pour le moment. La licence est valide sur OS X et Windows et l’éditeur vous rembourse si vous n’êtes pas satisfait. Ajoutons que les futures mises à jour de CSS Hat sont offertes gratuitement.