Geradores de modelos HTML5, estruturas e ferramentas
Embora os grandes players da indústria de web design tenham adotado o HTML5 nos últimos anos, não há muitos outros usuários usando soluções práticas, principalmente devido à falta de tempo ou compreensão. As chances são de que se um idioma está sendo promovido por um certo tempo, haverá entusiastas entrando nos problemas de eliminar seus problemas criando geradores de templates HTML5 e frameworks.
Na Hongkiat, sempre queremos que seu trabalho de desenvolvimento seja o mais fácil possível. Abaixo, a lista de geradores e estruturas de modelos HTML5 que aceleram o desenvolvimento de HTML5 ou ajuda a solucionar problemas como a compatibilidade com navegadores. No final do dia, seu desenvolvimento em HTML5 ficará mais fácil e mais feliz com esses geradores e estruturas!
Porquê Framework?
Embora possa levar algum tempo para realmente aprender o framework, se você tiver o framework pronto, tudo que você precisa adicionar é o conteúdo e pequenas modificações de acordo com o seu gosto. Também não se preocupe com isso, o mundo não olhará para você com desdém por usar um gerador de modelos HTML5 ou uma estrutura pronta para uso. Praticidade vem em primeiro lugar!
Além disso, estruturas que estão lá fora para uso geralmente têm seguidores e apoio leais. Uma vantagem de usar frameworks é que você realmente não precisa se preocupar com problemas sérios como compatibilidade cross-browser e multi-plataforma, alguém já pensou nisso para você. Mas, claro, você pode contribuir para a causa deles, especialmente para bibliotecas e estruturas de código aberto.
Afinal, é sempre bom ter um equipamento extra na sua caixa de ferramentas de design!
Geradores e estruturas de modelos
Initializr
São necessários poucos cliques para gerar um modelo HTML5. O Initializr também oferece uma opção se você deseja que seu modelo inclua JavaScript ou jQuery, configurações do servidor e Google Analytics.
O Initializr também é construído em HTML5BoilerPlate, outra ótima ferramenta para expandir sua compreensão do HTML5, adicionar funcionalidades e melhorar todo o seu site.
Gerador de modelos HTML5
Uma alternativa é o gerador de modelos HTML5 da Shikiryu.com. Ele tem uma opção adicional para incluir descrição para o autor do site, também inclui opções para o ícone do Favicon e do Apple Touch, caso você queira que eles sejam inseridos automaticamente no modelo.
SwitchToHTML5
Outro ótimo gerador de framework HTML5 é o SwitchToHTML5. Como outros, permite adicionar vários elementos, como ,
,
,
, e outros. O SwithToHTML5 também oferece a você a opção de oferecer suporte ao Internet Explorer ou não, já que sua versão anterior ao IE9 não suporta nativamente HTML5.
reformado
Diga, eu não posso ser o único que odeia criar formulários, certo? Criar formulários é uma tarefa tediosa, pelo menos para pessoas como eu, é por isso que o reformado estava aqui para ajudar as pessoas a criar formas limpas e funcionais! Reformed é um construtor de formulários HTML5 que é muito leve e não lhe causará muitos problemas, como se você fizesse o formulário do zero.
Existem duas versões, um aplicativo da Web e um aplicativo de área de trabalho independente, embora você tenha que pagar para que ele funcione offline. Bem, se você gosta do aplicativo, mostre um pouco de amor!
Modernizr
Aproveite o HTML5 e o CSS3 usando o Modernizr. É uma biblioteca JavaScript de código aberto para ajudar os desenvolvedores a criar os melhores sites que incorporam HTML5 e CSS3.
Os navegadores mais antigos não são os problemas com o Modernizr, os visitantes verão o que deveriam ver, independentemente da versão do navegador..
52framework
Tecnicamente não é um gerador, mas um framework para download que acelera o processo de desenvolvimento. 52framework elimina as dificuldades do HTML5 e coloca tudo à sua frente, tornando o desenvolvimento mais rápido e fácil.
52framework suporta uma grande variedade de navegadores, tornando a compatibilidade entre navegadores um problema menor. E a boa notícia para os desenvolvedores? Ele suporta até o IE6 parcialmente!
Editores HTML5
Aloha Editor
Como já estamos falando de serviços e aplicativos que agilizam o desenvolvimento, aqui está uma ferramenta incrível para ajudá-lo a editar o conteúdo de seu site com conteúdo compatível com xHTML5.
O Aloha Editor é um editor HTML5, não apenas qualquer editor, mas um editor WYSIWYG que pode modificar o conteúdo do site instantaneamente, assim que você fizer as alterações no editor.
Wallaby
Todos sonhavam em converter animações Flash em HTML5? O Wallaby, um projeto da Adobe, possibilita a conversão de animações em Flash e obras de arte em HTML5, tornando os arquivos editáveis no Dreamweaver ou em outros editores.
Referências
Mergulhe no HTML5
Um ótimo e divertido livro para começar a aprender sobre o HTML5 em um modo criativo de pensar, este também é um bom recurso que dá uma nova ideia para pessoas que já conhecem o funcionamento do HTML5.
Referência HTML5
Um guia original do W3C para HTML5, com foco na simplicidade e aplicações práticas para iniciantes, ao mesmo tempo em que fornece informações detalhadas para desenvolvedores web avançados.
Mais
Por enquanto, não há muito para ver, na verdade. Ainda existem, relativamente, poucas ferramentas para o framework HTML5 e templates para usar, como você deve ter notado se você verificou os links, a maioria dos recursos para cada gerador / framework são similares. Eu posso ter perdido ferramentas que você está usando para desenvolver sites HTML5 impressionantes, então se você gostaria de compartilhar, sinta-se livre para publicá-las nos comentários!
Além disso, confira nossos posts se você estiver disposto a saber mais sobre o HTML5!
- HTML5: 15 experiências inspiradoras
- HTML5: 19 aplicativos da Web
- HTML5: 48 demonstrações de potencial Flash-Killing
- Criar Formulário de Contato HTML5 / CSS3 Baseado em Ajax