Código CSS3 direto das layers do Photoshop com CSS Hat

Resumo: Extensão para Adobe Photoshop CS4, CS5 & CS6, Windows & MAC que gera código CSS e CSS3 automaticamente a partir das layers.

Quem possui Adobe Photoshop CS4, CS5 ou CS6 e trabalha com desenvolvimento web, vai adorar a extensão CSS Hat, que aumenta muito a produtividade. O CSS Hat é uma extensão para Photoshop que adiciona uma janela com ferramentas que gera código CSS e CSS3 automaticamente a partir dos efeitos nas layers. Gradiente, opacidade, sombra, fonte, cor, alinhamento etc, tudo é gerado em código sem que precisemos identifica-los manualmente.

CSS Hat – Turn Photoshop Layer Styles to CSS3. Instantly2

Além do CSS, o CSS Hat também gera código para LESS, SCSS e SASS.

O rápido vídeo oficial demonstra a instalação e uso:

Atualmente o CSS Hat pode ser comprado por US$ 29.99, dando direito a uma licença de instalação para um Windows e uma para Mac OS. Um valor que certamente será compensado com a agilidade na programação que ele proporciona. Adquiri e recomendo!

Pós Graduanda em MBA em Marketing e Branding e graduada em Design Gráfico, trabalhou principalmente como gerente de operações, gerente de projetos e web developer. Tem experiência no planejamento e processo de aplicativos mobile, design de interface do usuário e especializações como programadora e desenvolvedora de sites usando HTML5, CSS3, jQuery, PHP, MySQL e WordPress.