HTML5 - Aula 1.0

[GrandSir]

Boas,

Ao reparar que muitos utilizam tabelas para estruturar uma página web - decidi criar uma série de breves lições sobre html5.

Antes de tudo, queria falar sobre a importância a importância da acessibilidade - sendo este um dos fatores chave porque deveriamos transitar para a versão 5 do html.

• A acessibilidade preocupa-se em oferecer um acesso proporcional e beneficiar utilizadores com qualquer tipo de deficiência, tais como :
  

• Utilizadores de idade
  
• Utilizadores com baixa literacia ou não fluentes na linguagem da página
  
• Utilizadores com baixa largura de banda ou que utilizem tecnologias antiquadas
  
• Utilizadores novos e pouco assíduos
  
• Utilizadores de aparelhos móveis
  

Recursos: Acessibilidade

• Como pessoas com deficiências usam a web - https://www.w3.org/WAI/intro/people-use-web/Overview.html
  
• Tutoriais sobre aacessibilidade web - https://www.w3.org/WAI/tutorials/
  
• Easy Checks (validação da acessibilidade web) - http://www.w3.org/WAI/eval/preliminary.html
  

W3C Validator

Uma ferramenta da W3C que verifica a validade do markup (markup validation) de documentos web como HTML, XHTML, SMIL, MathML, etc.

CSS Validator

CSS validator verifica ficheiros CSS e documentos (X)HTML que usem CSS.

W3C Cheatsheet

W3C Cheatsheet oferece um rápido acesso à informação útil de uma variedade de especificações publicadas pela W3C.

O input é usado essencialmente para procurar propriedades, elementos, atributos e funções nas especificações mencionadas.

Unicorn

OUnicron é uma ferrramenta de validação unificada, que ajuda pessoas a aumentar a qualidade das suas páginas web através de uma veriedade de verificações.

Link Checker

Link checker é usado para verificar problemas em links, âncoras e objetos referenciados numa página web - é recomendado que verifique antes a validade do markup e css.

Speed Test

Existe uma variedade incansável de ferramentas que podemos utilizar para testar a perfromance da nossa página, deixo abaixo uma breve lista :

• GTMetrix - link
  
• Google PageSpeed Insights - link
  
• Google PageSpeed Tools - link
  
• Pingdom - link
  
• WebPageTest - link
  

Mobile Test

Verifique como o seu site reage à dispositivos móveis, um fator essencial para a acessibilidade - http://mobiletest.me/

HTML5 - Aula 2.0 - indisponível (release 20/02/2016)

Edited February 16, 2016 at 02:07 PM by GrandSir