A utilização de ferramentas é uma prática recorrente aos melhores profissionais ligados ao desenvolvimento web, e neste caso específico estamos a falar de HTMl5. HTML5  é a quinta versão da linguagem HTML que traz consigo importantes mudanças relativamente ao papel do HTML no mundo da Web, através de novas funcionalidades como semântica e acessibilidade. Com novos recursos, antes só possíveis por meio de outras tecnologias, a sua essência tem sido melhorar a linguagem com o suporte para as mais recentes multimídias, enquanto a mantém facilmente legível por seres humanos e consistentemente compreendida por computadores e outros dispositivos, nomeadamente smartphones ou tablets. Neste artigo vamos-lhe apresentar um conjunto de ferramentas Web que poderá ter disponíveis a qualquer hora e em qualquer local, desde que obviamente possua uma ligação à internet. Estas ferramentas já provaram anteriormente serem extremamente úteis e daí o nosso interesse em levá-las até si, leitor criativo. Está pronto para conhecer 10 Ferramentas HTML5 que não pode perder? Continue a ler!

Começamos com um par de ferramentas que lhe irão ser úteis na hora de testar os seus websites e a compatibilidade dos mesmos com as funcionalidades HTML5.

1. FIREFOX NIGHTLY

Firefox Nightly

O Firefox Nightly é uma ferramenta que lhe permitirá testar a compatibilidade do seu website e das suas funcionalidades com o navegador Firefox, podendo assim ter a certeza se as funcionalidades e particularidades do seu website são compatíveis com este navegador.

2. WEBKIT NIGHTLY

Webkit Nightly

O Webkit Nightly é uma ferramenta que lhe permitirá testar a compatibilidade do seu website e suas funcionalidades com os navegadores baseados em Webkit, como é o caso do Safari. Desta forma poderá confirmar se as funcionalidades e particularidades que inseriu no seu website são compatíveis com este navegador.

3. POLYFILLS

Polyfills

Polyfills é uma parte integrante da Wiki de Modernizr, onde Paul Irish criou uma lista muito completa com um conjunto composto com as Polyfills mais populares em HTML5. Aqui poderá encontrar contéudos relacionados com o armazenamento ou outro tipo de elementos relacionados com HTML5.

4. DOC HUB

Doc Hub

Doc Hub é um local onde poderá encontrar rapidamente recursos valiosos e documentação detalhada. Melhor que fornecer documentação e recursos relacionados com HTML, fornece também sobre CSS, Javascript, jQuery e DOM. Definitivamente é uma ferramenta que deverá ter sempre em conta na hora de procurar recursos.

5. HTML5 DEMOS

HTML5 Demos

HTML5 Demos é um compêndio de recursos relacionado com a API de HTML5 onde poderá procurar sobre as novas funcionalidades relacionadas com a API de HTML5, encontrar demonstrações das mesmas. Neste mesmo website terá acesso às compatibilidades entre os elementos e os navegadores. Este website é mantido por Remy Sharp.

6. HTML5 PATTERN

HTML5 Pattern

Infelizmente nem todos nós estamos cientes de expressões regulares nem tão pouco dentro da área, não nos sentido confortáveis quando confrontados com a necessidade de utilização das mesmas. Assim, através de HTML5 Pattern você poderá encontrar uma  lista que poderá ser copiada para os seus formulários HTML5 gratuitamente, facilitando-lhe o trabalho e poupando imenso tempo.

7. CAN I USE

Can i Use

Can I Use é um local que contém as referências relativamente ao suporte dos navegadores relativamente às funcionalidades HTML5. Se você tem alguma dúvida relativamente à compatibilidade de uma funcionalidade em particular, não perca mais tempo e dirija-se ao Can i Use, faça uma pesquisa rápida e terá ao seu dispôr uma lista de compatibilidades dos navegadores relativamente ao elemento em questão.

8. HAZ.IO

Haz.Io

Haz.Io tira partido do Modernizr para fazer uma filtragem entre os elementos HTML5 e CSS3 para lhe dar uma lista de compatibilidades entre os navegadores e as funcionalidades em questão. Este é um website que deverá manter nos seus marcadores e visitar sempre que tiver uma duvida relacionada com a área.

9. MODERNIZR

Modernizr

Já falámos sobre Modernizr anteriormente no artigo Melhore a utilização de HTML5 e CSS3 com Modernizr e é uma ferramenta que recomendamos fortemente e sua utilização. Modernizr é uma biblioteca Javascript que o ajuda a tirar partido das novas tecnologias, nomeadamente HTML5 e CSS3, enquanto mantém o controlo sobre a compatibilidade com browsers antigos que não suportam as novas funcionalidades. Para isso, Modernizr utilizar uma função de detecção que vai testar o browser para verificar a sua compatibilidade com as funcionalidades, como rgba(), border-radius, transições CSS e muito mais. A grande maioria destas funcionalidades já se encontra disponível nos browsers mais recentes, e com Modernizr poderá começar a utilizá-las agora mesmo!

10. HTML5 BOILERPLATE

HTML5 Boilerplate

HTML5 Boilerplate é um gênero de banco de dados para você fazer uma compatibilização dos seus websites tendo em vista o futuro. Aqui irá encontrar conteúdos relacionados com HTML, CSS e Javascript que o irão ajudar na hora de compatibilizar o seu website.  HTML5 Boilerplate é um modelo base de HTML, CSS e Javascript para um desenvolvedor profissional de front-end  criar um site rápido, robusto e com futuro garantido. Após mais de quatro anos em desenvolvimento interativo, você poderá obter o melhor das melhores práticas preparadas em: normalizações cross-broswer, otimizações de desempenho e até mesmo de recursos opcionais como cross-domain para XHR e Flash. Conta ainda com um arquivo .htaccess de configuração do apache com regras de cache e preparações para o seu site oferecer vídeos HTML5, usando @font-face. Definitivamente uma opção a ter em conta!

Abraço

 

Autor: Diogo Espinha

Blog do Autor | Artigos do Autor:

Workaholic e totalmente viciado em computadores, Internet e desporto motorizado. Adora praticar desporto, é um curioso da programação em PHP, CSS e HTML5 e não dispensa a companhia do seu Mac OSX 86 Snow Leopard!

  • Explorer - Factory Construction & Ship Building Joomla Theme
  • Justice - Attorney and Law Firm Joomla Template
  • OwnFolio - One Page Personal Portfolio / vCard / Resume / Showcase Joomla Template
  • Big Business - Responsive Template
  • Merab - Creative Multipurpose Drupal 8 Theme
  • Fitness Academy Joomla Template
  • Fruition - Business Joomla Template
  • Educate | Education & Courses, Kindergartens Joomla Template
  • Constructive - Contractors Multipurpose Joomla Landing Page Theme
  • Vina Bubox - VirtueMart Joomla Template for Online Stores
  • BizOne - One Page Parallax Drupal Theme
  • LawHouse - Responsive Lawyers Attorneys Joomla Template

Gostou deste artigo? Então torne-se fã do Blog no Facebook!



Comentários dos Alunos


  1. Criar
    2 de julho de 2012

    O modernizr é muito prático, sempre que esqueço algo já vou la e lembro rapidinho. Os outros também são bons, mas o que me adaptei melhor foi o modernizr mesmo, ganhou meu coração haha

    []’s


RSS
Twitter
Facebook
Comentários
ASSINANTES
SEGUIDORES
FÃS
COMENTÁRIOS
7794

Subscrever Newsletter
Subscreva a Newsletter:



Aplicativos Android, iPhone e Muito Mais!




Assine a Escola Criatividade Assine a Newsletter da Escola Criatividade Escola Criatividade no Twitter Escola Criatividade no Facebook Escola Criatividade no Youtube Escola Criatividade no Google Buzz