HTML5 & CSS3 Readiness

by Luiz Paulo | novembro 19, 2010 | No Comments »

HTML5 & CSS3 Readiness é um infográfico que mostra os recursos HTML5 + CSS3 implementados em cada browser.

Para quem tiver interesse, preparei um resumo com os links W3C de todos os recursos expostos no gráfico. Para que possam estudar os novos recursos ;)

HTML 5

CSS3

Categorias: Artigo, Browser, CSS, Desenvolvimento web, HTML, JavaScript, Tecnologia, Tendências
Tags: , , , ,

[Locaweb] Webcast HTML5 já é uma realidade

by Luiz Paulo | julho 28, 2009 | 1 Comment »

Há algum tempo a locaweb disponibiliza webcasts com conteúdos valiosíssimos e muito bem elaborados.

No dia 23/07 foi disponibilizado o post Webcast: HTML 5 já é uma realidade. Trata-se de uma apresentação de Andrew Andrade (Product Manager de Cloud Computing @Locaweb).

A palestra é "regada" com vários exemplos, muita explicação e muitas novidades (para quem não está familiarizado com HTML5).

Vale apena assistir.

Categorias: Desenvolvimento web, Palestras
Tags: , , , ,

Elementos e Atributos removidos no HTML5

by Luiz Paulo | abril 17, 2009 | 2 Comments »

Publiquei a algum tempo As novas tags do HTML5. É importante que você também saiba o que saiu.

Utilizei o W3C - (HTML 5 differences from HTML 4) como referência. Aconcelho que você também o veja, pois tem muita informação relevante nesse documento.

Elementos removidos

Elementos de apresentação que são facilmente substituidos por CSS

  • basefont
  • big
  • center
  • font
  • s
  • strike
  • tt
  • u

Elementos que afetavam a acessibilidade / usabilidade

  • frame
  • frameset
  • noframes

Elementos pouco utilizados ou podem ser tratados por outros elementos

  • acronym: Cria uma certa confusão. elemento utilizado ABBR
  • applet: Ficou obsoleto por causa do elemento OBJECT
  • isindex: Substituido pelo controle de formulários
  • dir: Ficou obsoleto por causa do elemento UL

Atributos removidos

  • accesskey nos elementos: a, area, button, input, label, legend, textarea
  • rev, charset nos elementos: link, a
  • shape, coords no elemento: a
  • longdesc nos elementos: img, iframe
  • target no elemento: link
  • nohref no elemento: area
  • profile no elemento: head
  • version no elemento: html
  • name nos elementos: img, a (Utilize ID no lugar de NAME)
  • scheme no elemento: meta
  • archive, classid, codebase, codetype, declare, standby no elemento: object
  • valuetype, type no elemento: param
  • language no elemento: script
  • summary no elemento : table
  • axis, abbr nos elementos: td, th
  • scope no elemento: td

Atributos de apresentação que são facilmente substituidos por CSS

  • align nos elementos: caption, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead, tr
  • alink, link, text, vlink no elemento: body
  • background no elemento: body
  • bgcolor nos elementos: table, tr, td, th, body
  • border nos elementos: table, img, object
  • cellpadding, cellspacing no elemento: table
  • char, charoff nos elementos: col, colgroup, tbody, td, tfoot, th, thead, tr
  • clear nos elementos: br
  • compact nos elementos: dl, menu, ol, ul
  • frame no elemento: table
  • frameborder no elemento: iframe
  • height nos elementos: td, th
  • hspace, vspace nos elementos: img, object
  • marginheight, marginwidth no elemento: iframe
  • noshade no elemento: hr
  • nowrap nos elementos: td, th
  • rules no elemento: table
  • scrolling no elemento: iframe
  • size no elemento: hr
  • type nos elementos: li, ol, ul
  • valign nos elementos: col, colgroup, tbody, td, tfoot, th, thead, tr
  • width nos elementos: hr, table, td, th, col, colgroup, pre

Outros links sobre o assunto

Categorias: Desenvolvimento web, HTML, Tecnologia, Tendências
Tags: , , , ,

As novas tags do HTML5

by Luiz Paulo | março 6, 2009 | 7 Comments »

Há algum tempo venho acompanhando informações sobre o tão esperado Definição de html5. E acho um bom momento de postar alguma coisa sobre o assunto.

Entre as novidades temos novas tags que terão como objetivo facilitar a organização, leitura e entendimento do código. Tanto para nós humanos quanto para robôs de busca ou o próprio browser.

Vejam as novas tags do html5
As novas tags, além de disponibilizar mais recursos como audio e vídeo (nativos), aumentarão a semântica do conteúdo, pois teremos tags específicas para partes específicas do código, como definição de cabeçalho, rodapé ou artigo.

Não vou explicar cada tag detalhadamente para não prolongar muito esse post, mas você poderá ver mais detalhes sobre as tags no w3school.

  • article: Bloco de artigo
  • aside: Conteúdo extra q tenha a ver com o site / artigo
  • audio: Conteúdo de som
  • canvas: Gráfico vetorial
  • command: Botão de comando
  • datagrid: Dados em uma lista ramificada
  • datalist: Lista dropdown
  • datatemplate: Template de dados
  • details: Detalhes de um elemento
  • dialog: Diálogo de uma conversa
  • embed: Interatividade com conteúdo externo ou um plugin (até que fim foi especificado!)
  • event-source: Alvo para eventos enviados por um servidor
  • figure: Grupo de conteúdo de mídia e sua legenda
  • footer: Bloco de rodapé
  • header: Bloco de cabeçalho
  • mark: Tag para marcação em textos
  • meter: Medição entre um valor mínimo e um valor máximo
  • nav: Bloco de navegação
  • nest: Próximo ponto para criação de elemento (trabalha junto com a tag datatemplate e rule)
  • output: Alguns tipos de saída de dados como em execução de scripts
  • progress: Progresso de uma tarefa de qualquer tipo
  • rule: Linha de um template (datatemplate)
  • selection: Seção do documento como capítulos ou alguma outra seção do documento
  • source: Recurso multimídia
  • time: Data / tempo
  • video: Um vídeo

Além do comentado aqui, o html teve outras mudanças como retirada de tags desnecessárias, melhoria em atributos e facilidade na definição de um DOCTYPE entr outras.

Deixemos esses assuntos para um novo post :D

Outros links sobre o assunto

Categorias: Desenvolvimento web, HTML, Tecnologia, Tendências
Tags: , , , ,


 

Valid XHTML 1.0 Strict Valid CSS!

Luiz Paulo | tecnologia web