Récuperer directement le CSS d’un calque sous PSD avec CSS Hat

css-hat-plugin-photoshop

Actuellement, CSS3 fait déjà partie de nos habitudes d’intégration, mais la complexité du codage coté intégration a été intensifié aussi, du fait des nouvelles fonctionnalités et techniques tel que Border-radius, Gradient, Box Shadow, Text-shadow … et bien d’autres encore.

Mais pour nous simplifier nos taches on a utilisé des Web-app ( generateur de code css..) , mais aussi d’autre outils comme CSS Hat qui s’inscrit sur cette lignée.

CSS Hat est un plugin Photoshop qui est capable de convertir n’importe quel calque en code CSS3 directement, cet utilitaire permet aussi de gagner en terme de productivité car il évite au développeur de tout coder manuellement.

CSS Hat ést un plugins Photoshop CS4 / CS5 / CS6… et c’est très facile à installer, on notera que depuis CS6, il est déjà intégré dans photoshop.

Voici un video de présentation du plugin :

En résumé les fonctionnalités de CSS Hat sont les suivantes :

  • Simple et rapide ( gain significative sur la production )
  • Un plugin compatible Mac / Windows
  • Compatibilité CS4, CS5 et CS6
  • Support CSS, SASS et LESS
  • Commentaires dans le code généré
  • Propriétés de polices prises en charge

Répondre