Luiz Paulo

As novas tags do HTML5

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

• HTML 5 Reference
• HTML5 Elements and Attributes
• Definição de html5 na wikipedia
• HTML 5 - Mudanças na estrutura e semântica

Categorias: Desenvolvimento web, HTML, Tecnologia, Tendências
Tags: , html, html5, semantica, tag

Twitter, Um fenômeno da comunicação

O que é o twitter?
Definição pela wikipedia: Twitter é uma rede social e servidor para microblogging que permite que os usuários enviem atualizações pessoais contendo apenas texto em menos de 140 caracteres via SMS, mensageiro instantâneo, e-mail, site oficial ou programa especializado.

O twitter é sem dúvida um dos maiores sucessos dos últimos tempos, quando falamos em comunicação web. Não só pelo interessante sistema de microblogging, mas pela facilidade de interação com sua API - (ver definição de API). Existem vários softwares prontos (instaláveis ou online), tanto para inserção quanto para leitura do conteúdo.

No twitter, acompanhamos pessoas/empresas relevantes para nós e recebemos em tempo real novidades, notícias, pensamentos, links, curiosidades (enfim, uma infinidade de informações).

Há algum tempo, incentivo amigos a usá-lo ou pelo menos testá-lo. E o resultado é sempre o mesmo. O cara começa sem entender bem como funciona, segue seus primeiros usuários, instala um complemento (ver terceiro passo abaixo) e em menos de 1 semana já se sente a vontade para postar o que está fazendo ou lendo naquele momento. O processo é totalmente natural, todos os que acompanham, também escrevem.

Particularmente, utilizo para saber notícias tecnológicas (principalmente sobre web, área que trabalho), para acompanhar amigos e para compartilhar informações interessantes que vejo durante o dia.

Legal, fiquei curioso e também quero testar...

Primeiro passo - cadastro
Para se cadastrar, basta entrar no site do twitter. O cadastro é muito simples!
Depois de cadastrado, você já está habilitado a escrever o que quiser.

Segundo passo - procure seus amigos
O twitter oferece a possibilidade de interagir com seus contatos do e-mail, assim fica mais fácil achar seus amigos já cadastrados.
Existe também um sistema de busca, onde pode procurar pessoas pelo nome.
Você pode levar algum tempo até achar todas pessoas relevantes para você, mas não se preocupe com isso, você achará pessoas com o passar do tempo.

O meu twiiter é lppjunior. Me add lá, heheh

Os seus seguidores também aparecerão com um tempo, de acordo com a relevância do seu conteúdo.

Terceiro passo - programas e plugins
Como comentei acima, existem várias formas de interagir com o conteúdo do twitter (como programas, plugins e sites).
Utilizo o TwitterFox, que é um plugin para o browser FireFox.

Para quem utiliza outros browsers (Internet Explorer, etc), aconselho mudar para FireFox, pois é um ótimo browser, caso não queira mudar, instale algum software que faça acompanhamento do twitter.

Caso não queira instalar nada, acompanhe pelo próprio site do twitter.

Aqui você encontra 10 serviços para integração com o twitter.

Agora é só usar!

Categorias: Artigo, CheatSheet, Ferramentas, Serviços, Tecnologia, Tendências
Tags: , Browser, comunicação, comunidade, microblog, serviço, twitter

Campanha 2009 – Morte ao IE6. Será que vinga!?

Há algum tempo desenvolvedores, designers e afins criam e divulgam massivas campanhas e artigos sobre o fim do IE6. Todas com razão, pois o IE6 é um pé no saco de todos nós. Sempre dá um erro!
Estou cansado de ouvir a frase "mas no Firefox funciona".

Vou compartilhar aqui minha opinião sobre o assunto e quero a ajuda de vocês para discutirmos isso, ok!?

Acompanho há muito tempo muitas campanhas nacionais e internacionais que favorecem a “morte” do IE6. Num contexto geral, acho super válido! Sempre é bom nos preocuparmos com a evolução das coisas, nos preocuparmos em não mais nos preocuparmos (se é que me entende, rsrsrs).

Semana passada recebi um ótimo exemplo. O IMasters criou uma puta campanha (...parabéns pela iniciativa!) para atualização de navegador. Ficou é maneiríssimo, mas...
Agora eu pergunto:
Será que isso fará efeito? Será que teremos retorno com essas campanhas?

1º - Sobre o público alvo

Campanhas / artigos / etc, são as melhores formas de divulgarmos uma idéia, o complicado é que nem sempre vamos atingir o público alvo correto. As pessoas que realmente usam o IE6 (normalmente os leigos) nem sabem o que é IMasters, nem FireFox, muito menos que o Internet Explorer está na versão 6 (peguei um pouco pesado, mas de uma forma geral é isso). Esses usuários não vão acessar o blog do fulano que fala sobre tecnologia, muito menos parar para ler sobre “o browser desatualizado”. Eles acessam o site do BBB, ORKUT, pegam uma receita, ou qualquer coisa do tipo.

2º - Sobre a instalação do IE6

IE6 não é uma questão de opção, e sim de obrigação. Imposta pela instalação do Windows XP automaticamente. Se ainda temos novas máquinas com instalações de XP ou menor, automaticamente temos instalações de IE6 ou menor. Isso é inevitável.

3º - Sobre o poder aquisitivo

Nem todo mundo tem condições de comprar um computador TOP (Fato!), isso acarreta na instalação de softwares antigos.
Além da percepção precisamos levar em conta também a questão de evolução tecnológica. E isso não depende só de nós.

Enfim, como falei, acho a campanha super válida (vou instalar no meu blog daqui a pouco, rsrsrs), mas o foco de nossos blogs, sites, é outro. Quem lerá esse artigo será o tecnólogo e não o leigo. Claro, acabará chegando a algumas pessoas leigas. Mas poucos lerão, alguns entenderão e outros realmente farão a atualização (se fizerem).

Acho que a melhor forma de realmente acabar com isso, é ser “bruto”. Está com IE6? Então não verá o meu conteúdo! Simples assim. Mas é aquela coisa, ninguém quer “perder cliente” então será difícil implantar esse método.

Tomara que a campanha realmente faça a diferença. Estou torcendo por isso.

Aguardo a opinião de todos!

Alguns links sobre o assunto

• IMasters: Atualize seu navegador
• 2009: O ano em que o IE6 faleceu

Categorias: Artigo, Browser, Desenvolvimento web, Tendências
Tags: , Browser, campanha, ie

Palestra – A escola do século XXI (por Luli Radfahrer)

Assisti essa semana uma palestra de Luli Radfahrer que aconteceu no descolagem#3 no dia 22 de novembro de 2008.
A palestra é simplesmente SENSACIONAL!

Os assuntos abordados nessa palestra são:

• O Abismo da inclusão digital
• Escolas
• A função do professor
• Comunidade (Continuidade de controle)
• Educação como plataforma
• Invenção e inovação

A palestra mostra a atual realidade da educação em nossa sociedade. Explica de forma brilhante o que as pessoas (principalmente professores) não enxergam. A forma errada com que a tecnologia é agregada na educação entre vários assuntos atuais e pertinentes a todos nós.
Parabenizo ao Luli, pois além de um ótimo palestrante concordo com sua visão.

Assistam!

Clique aqui para asista a palestra

Categorias: Palestras, Tecnologia, Tendências
Tags: , descolagem, educação, escola, Luli Radfahrer, palestra, século XXI, Tecnologia

CheatSheet – Guia rápido sobre Jquery

O Cheat Sheet é um resumo de um assunto específico que pode ser utilizado como guia rápido. Nele você pode encontrar sintaxes, códigos, exemplos, conceitos e dicas.

Não podemos considerá-lo um manual completo pois é bem compacto, mas quebra bastante o galho! Além de úteis, normalmente são feitos com visual agradável, podendo ser impressos e facilmente colados no seu escritório.

Nesse primeiro post, você poderá baixar algumas versões do jQuery no formato Cheat Sheet.
Façam bom proveito!

Categorias: CheatSheet, Desenvolvimento web, JavaScript, Tendências
Tags: , CheatSheet, framework, guide, javascript, jquery