Ferramentas

Ferramentas úteis em HTML5 17 de fevereiro de 2013 | Autor: Leandro Santos

Ferramentas úteis em HTML5

Olá amigos do Blog, hoje, vamos falar de algumas ferramentas úteis em HTML5, Tutoriais e outros recursos que ajudarão você a melhorar suas habilidades de HTML5. A partir do momento em que o HTML5 foi introduzido pela primeira vez, foi uma nova mudança e, portanto, estamos vendo implementações constantes.

Com a sua funcionalidade avançada e melhorada, está forçando os padrões de desenvolvimento web. Além disso, a queda significativa no uso do Flash ainda mais abriu novas portas para essa tecnologia.

ferramentas úteis em HTML5

Abaixo, está algumas ferramentas úteis em HTML5 e recursos para web designers e desenvolvedores.

Ferramentas HTML5

Patternizer – Stripe Ferramenta Gerador de Padrão
Patternizer é um fácil de usar gerador de padrão de distribuição. É muito divertido e livre.

Stripe Ferramenta Gerador de Padrão
Stripe Ferramenta Gerador de Padrão

Spritebox – Criar CSS a partir de imagens Sprite

Spritebox é uma ferramenta WYSIWYG para ajudar web designers rapidamente e facilmente criar classes CSS e IDs de uma imagem do sprite único. Baseia-se no princípio da utilização do background-position propriedade para alinhar as áreas de uma imagem do sprite para elementos de bloco de uma página da web. Ela foi feita usando uma combinação de jQuery, CSS3 e HTML5, e é totalmente gratuito.

 

Criar CSS a partir de imagens Sprite
Criar CSS a partir de imagens Sprite

Fonte Dragr – Arrastar e soltar Teste Font
Uma maneira revolucionária para testar fontes personalizadas no navegador. Nenhuma codificação, nenhum upload, basta arrastar e soltar.

Arrastar e soltar Teste Font
Arrastar e soltar Teste Font

Rendera 
Rendera ajuda a aprender HTML5 e CSS, digite seu código HTML e vê-lo processado em tempo real. Em seguida, o estilo com CSS. Você pode usar qualquer uma das HTML5 ou CSS3 tags de seu navegador suporta.

Ajuda a aprender HTML5 e CSS
Ajuda a aprender HTML5 e CSS


Initializr
Initializr HTML5 é um gerador de modelos para ajudar você a começar com um novo projeto baseado em Boilerplate HTML5. Ele gera para você um modelo limpo personalizável com apenas o que você precisa para começar!

HTML5 é um gerador de modelos
HTML5 é um gerador de modelos

Tutorial

Veja aqui ótimo tutorial do smashing ensinando a codificar um layout em HTML5 e CSS3

HTML 5 layout
Neste tutorial aprender como codificar um layout HTML5 From Scratch.

Tutorial aprender como codificar um layout HTML5
Tutorial aprender como codificar um layout HTML5

Recursos úteis

Acredito com esses recursos temos uma boa base de ferramentas em HTML5 interessantes, e bastante úteis e recursos para web designers e desenvolvedores. Aproveite o máximo e mãos aos códigos.

Fonte: Com Informação de onextrapixel.com

Deixe uma resposta

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

três + seis =

This site uses Akismet to reduce spam. Learn how your comment data is processed.