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: , html5, locaweb, palestra, webcast
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
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: , html, html5, semantica, tag
by Luiz Paulo
| março 6, 2009
| 4 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 
Outros links sobre o assunto
Categorias: Desenvolvimento web, HTML, Tecnologia, Tendências
Tags: , html, html5, semantica, tag
