Agora Adobe Community Professional

A Adobe anunciou (18/01) ontem a nova lista de membros do Adobe Community Professional (ACP) que é o novo nome do programa Adobe Community Expert (ACE). Acredito que a mudança tenha ocorrido porque a sigla era igual ao programa de certificação Adobe Certified Expert (ACE).

Fiquei feliz ao saber que fui indicado para membro do grupo e mais contente ainda ao saber que o amigo Pedro Cláudio também estava lá.

Deixo aqui o meu agradecimento a Adobe pelo reconhecimento.

HTML 5 e CSS 3

Estão falando muito das novas especificações HTML 5 e CSS3. Muito alvoroço sobre os novos padrões que prometem muitas possibilidades para o desenvolvimento de interfaces web.

No meio disso muitos não estão percebendo que várias conquistas resultantes de muito esforço estão sendo esquecidas. Brigamos muito para que os padrões atuais fossem mais usados, que as interfaces web melhorassem em semântica, acessibilidade. Tudo isso conseguindo através do uso de padrões por desenvolvedores e que eles fossem adotados pelos de browsers, dispositivos e tecnologias assistivas.

Ainda temos muitas páginas na web com layouts em tabelas, mal formatadas e semanticamente desestruturadas. Muitos ainda não sabem desenvolver em HTML/XHTML e CSS e só conseguem criar páginas com a ajuda de editores WYSIWYG.

Fim do XHTML 2 e ascensão do HTML 5

O XHTML foi criado para colocar uma ordem ao caos, usando o parseamento XML as páginas web se tornaram mais organizadas, isso abriu espaço para a semântica de código e de conteúdo uma vez que tags e atributos de foram eliminados. As páginas passaram a ser mais otimizadas e de fácil processamento. O que levou a uma melhoria na renderização de páginas em dispositivos com pouco poder de processamento.

Ainda não é seguro usar as especificações de XHTML e CSS e sua plenitude porque alguns browsers (leia-se Internet Explorer) ainda não dão suporte pleno a esses padrões.

Há um tempo atrás os novos padrões XHTML 2 e  HTML 5 foram propostos e com isso surgiram dois grupos de desenvolvimento separados. Não entendi bem a necessidade da criação de dois novos padrões e aposto que muitos não entenderam também. O que era esperado acabou acontecendo até antes do previsto com o anuncio da W3 sobre o fim do grupo de trabalho do XHTML 2 no final de 2009.

Agora estamos assistindo a ascensão do HTML 5, que vem trazendo muitas novidades como estruturas semânticas, validação de formulários, mas ao mesmo tempo existe um seguimento excitado com a volta das más práticas do HTML 4 tais como:  codificação em letras maiúsculas, atributos sem valor, case-insensitive etc.

É possível codificar o HTML 5 usando o parseamento do XHTML, esta metodologia está sendo denominada de XHTML 5. Então porque não usar?

Estou vendo muitos exemplos das novas funcionalidades para a validação de formulários com HTML 5 usando atributos sem valores e tags em letras maiúsculas. Isso é um fato que me preocupa bastante porque se os disseminadores da tecnologia continuarem a divulgá-la ignorando as boas práticas de codificação teremos um problema sério em um futuro próximo.

CSS3

No CSS3 a criação de propriedades proprietárias na implementação da linguagem em Browsers pode estar gerando outro problema. Estão sendo usados prefixos como webkit Mozilla. Porque não estão sendo usadas as propriedades com o nome proposto sem o sufixo?

Até hoje sofremos na implementação de JavaScript em diferentes browsers. Será que essa novela irá se repetir com o CSS3?

Ainda estamos no começo

Os browsers ainda estão dando suporte parcial a HTML 5 e CSS 3. Isso não nos impede de começarmos a testar as suas novidades, mas ainda em nível experimental ou fornecendo alternativas a funcionalidades que ainda não são suportadas em outros browsers.

Opera, Firefox e Browsers Web Kit já estão dando suporte parcial a alguns recursos. A Microsoft ainda está trabalhando na nova versão do Internet Explorer prometendo dar um suporte aos padrões.

À medida que testo os novos padrões estarei publicando exemplos aqui no blog.

Se quiser se interar mais no assunto visite alguns links interessantes:

http://www.w3.org/2009/06/xhtml-faq.html

http://html5doctor.com/

http://www.whatwg.org/specs/web-apps/current-work/

IV Censo Nacional sobre ColdFusion

Está disponível o IV Censo Nacional sobre ColdFusion. O Censo é uma grande iniciativa do CFUG – Brasil e pretente mapear a evolução do ColdFusion no Brasil.

Se você é programador de ColdFusion ou iniciante participe do censo. Participando estará ajudando a conseguirmos uma estatística real da penetração do ColdFusion no mercado Brasileiro. Com isso estaremos estimulando cadas vez mais profissionais e empresas a investirem na tecnologia gerando uma maior demanda no mercado.

Clique aqui e participe do IV Censo Nacional sobre Coldfusion!

Palestra de Flash Platform no 14º EDTED Salvador

Encontro de Design e Tecnologia Digital Salvador

Estarei ministrando uma palestra no dia 24 de outubro no Encontro de Design e Tecnologia Digital que acontecerá em Salvador.

O evento é promovido pela Arteccom e é um dos maiores eventos do Brasil passando por cidades como São Paulo, Rio de Janeiro, Brasília, Minas Gerais, Florianópolis, Curitiba, Porto Alegre, Salvador e Recife.

O evento era conhecido como “Encontro de Web design”, agora evoluiu para Encontro de Design e Tecnologia Digital. Ele agora passa a comportar dois espaços distintos de palestras um dedicado a temas de design e outro para tecnologia.

Minha palestra será no espaço tecnologia e o tema será Flash Platform.

Faremos sorteios de alguns brindes Adobe para os participantes

Adobe Flash Platform Tour em Salvador Bahia

A Adobe cumpriu a sua promessa de estender os eventos nacionais  para o nordeste. Promessa que foi feita em Brasília a mim no evento de lançamento do Flex/AIR. O que muitos não sabem é que esse evento é o fruto de mais de um ano de negociações do MUGBA com a Adobe Brasil, onde mostramos o potencial do nordeste. Aí está o resultado!

O Adobe Flash Platform Tour Salvador Bahia será do lançamento oficial no Brasil do Flex 4, Flash Builder 4, ColdFusion 9 a novo software Flash Catalyst.

O Ben Forta viria novamente para ser palestrante do evento, mas devido a problemas de agenda a bola foi passada para o Lee Brimelow que muitos conhecem pelo The Flash Blog.

O evento contará com tradução simultânea, o que permitirá que pessoas que não dominem o inglês participarem sem problemas.

A data escolhida será o dia 16/08. Ainda estamos fechando com o local e assim que estiver tudo certo estaremos anunciando aqui juntamente com detalhes sobre inscrições.

Atualização:

Data: 16/08 – Domingo
Horário: das 14:00 as 17:30
Local: Hotel Fiesta
Av. Antonio Carlos Magalhães, 711, Pituba

Link para Inscrições

Browsers e suporte a Web Standards Acid Test3 e seletores CSS

Faz um bom tempo que não posto uma avaliação sobre o suporte de Web Standards. Em posts anteriores tenho avaliado os browsers mais usados que são o IE, Firefox, Opera e Safari.

Uma avaliação anterior e completa pode ser visualizada no post Novos Browsers e suporte a seletores CSS.

Desde essa última avaliação o suporte a Web Standards tem melhorado bastante, com excessão do Internet Explorer da Microsoft.

A Microsoft prometeu que o Internet Explorer 8 seria fiel aos padrões estabelecidos pela W3, mas não passo da promessa, pois o IE 8 melhorou mas continua sendo o pior browser do mercado e só  lidera nas estáticas porque é imposto como browser do sistema operacional Windows.

Parece que agora o IE tem um concorrente a nível de marketing. O Chrome browser do Google tem a sua engine baseada no Web Kit que é a mesma do Safari. O Google já está sugerindo o seu browser, mas ainda de uma maneira sutil, talvez não queira cometer o mesmo erro de imposição da Microsoft.

IE 8
Acid test 3  20/100
Suporte a seletores CSS:
Teste 43 seletores (578 variações)
22 ok
1  bug
20 não suportados
349/578 testes
Safari 4
Acid test 3  100/100
suporte a seletores CSS
Teste 43 seletores (578 variações)
43 ok
0  bug
0 não suportados
578/578 testes
Firefox 3.5
Acid test 3 93/100
Suporte a seletores CSS:
Teste 43 seletores (578 variações)
43 ok
0  bug
0 não suportados
578/578 testes

Chrome 2.0.172.31
Acid test 3 71/100
Suporte a seletores CSS:
Teste 43 seletores (578 variações)
43 ok
0  bug
0 não suportados
578/578 testes

Ainda Em beta:

Opera 10
Acid test 3 99/100
Suporte a seletores CSS:
Teste 43 seletores (578 variações)
43 ok
0  bug
0 não suportados
578/578 testes

Como vocês podem conferir acima o Firefox na versão 3.5 está com suporte a todos os seletores CSS, algo que já tinha sido alcançado pelo Safari e Chrome e Opera. Já no AcidTest 3 somente o Safari, Chrome e Opera 10(beta) conseguem passar no teste, O Firefox melhorou muito no teste com uma marca de 93/100.

Bom temos ótimos browsers no mercado, mas infelizmente não podemos usar recursos avançados de CSS e Javascript porque a maioria do público da internet ainda usa o IE que é imposto pelo Microsoft nos sistema operacional Windows que tem a maior fatia do mercado. Um luz de esperança foi lançada pelo Google com o lançamento do Chrome mas a campanha desse browser ainda está bem tímida talvez porque a postura do Google não é de impor e sim de conquistar o seus usuários. Sendo assim resta a nós fazermos a nossa parte mostrando que existem outras opções de browser de internet.

Testes realizados em:
http://acid3.acidtests.org/
http://www.css3.info/selectors-test/test.html

Adobe Flash Builder (antigo Flex Builder) e Flash Catalyst beta disponíveis para download

A Adobe disponibilizou para download o beta do Flash Builder (antigamente conhecido como Flex Builder) e a nova ferramenta Flash Catalyst. Seguem os links para download:

Flash Catalyst: http://labs.adobe.com/technologies/flashcatalyst/
Flash Builder 4: http://labs.adobe.com/technologies/flashbuilder4/

Para ver as novas ferramentas em ação confira os tutoriais disponibilizados pela  Adobe:

Flash Builder e Flex 4 SDK: http://labs.adobe.com/technologies/flashbuilder4/tutorials/
Flash Catalyst: http://labs.adobe.com/technologies/flashcatalyst/tutorials/
Flash Platform videos: http://labs.adobe.com/technologies/flash/videos/

Uso correto do atributo ALT em imagens

Ao assistir uma palestra sobre SEO e SEM da Martha Gabriel presenciei um dos participantes do evento perguntar sobre o “problema do atributo alt no Firefox”. Essa sempre foi uma afirmação dos meus alunos no  curso de Web Standards na BR Multimídia. Sendo assim resolvi escrever esse artigo para esclarecer aos iniciantes de Web Standards,  Acessibilidade e SEO o que realmente acontece e o uso correto do atributo ALT para imagens no HTML.

Muitas pessoas usam o atributo alt em imagens esperando o hint que aparece quando o cursor do mouse é posicionado sobre a imagem, mas no Firefox isso não acontece. Alguns que não conhecem as reais funcionalidades desse atributo falam que é um erro do Firefox, Opera, Safari etc.

Comportamento do atributo ALT no IE e browsers modernos

O hint que aparece quando o cursor do mouse está sobre uma imagem não é papel do ALT e sim do atributo TITLE. Nos browsers que seguem mais a risca as especificações de Web Standards o hint só poderá ser visto com o uso do atributo TITLE.

Você deve estar pensando agora que isso é um erro do IE. Alguns podem ter esse ponto de vista, mas você vai perceber que quando insere um atributo TITLE em uma imagem o IE ele substitui o ALT no hint. Já que isso acontece podemos entender que o IE simplesmente usa o ALT em mais uma funcionalidade caso o usuário não esteja usando o atributo TITLE, mesmo assim seria melhor que ele seguisse a especificação para não gerar confusões.

Usando corretamente o atributo ALT

Vamos esclarecer então para que serve o atributo ALT. Como a própria abreviação sugere o atributo ALT se refere a um texto alternativo e deve ser usado nos seguintes contextos:

  1. Texto alternativo para imagens. Quando um usuário desabilita o carregamento de imagens em seu browser ou dispositivo o texto do alt é exibido no lugar da imagem. No caso de algum erro acontecer no carregamento da imagem o texto alternativo também será exibido. Caso a imagem possua algum link a sua funcionalidade também poderá ser referenciada no alt, aumentando assim a usabilidade caso a imagem não seja carregada.
  2. Texto alternativo para acessibilidade. Leitores de tela e leitores de código usados por portadores de necessidades especiais irão ler o atributo alt para descrever a imagem.

Só para salientar o atributo ALT  e de uso obrigatório para imagens.

Atributo ALT e SEO

O atributo ALT também pode ser usado para otimização de conteúdo on-page, mas com muito bom senso.

Uma das primeiras regras ao se otimizar o uso de palavras chave é se lembrar que o conteúdo em primeiro lugar deve ser criado para os usuários e não para sistema de busca. Em se tratando de acessibilidade e o uso do atributo ALT para imagens essa regra também deve ser seguida. Apesar do texto do ALT não ser lido normalmente na página, ele vai ser usado por leitores de tela e de código. Sendo assim não se deve inserir somente palavras chave no texto do ALT e sim escrever uma descrição condizente com o conteúdo da imagem em equilíbrio com a inserção de palavras chave.

Erros quanto ao uso e não uso do atributo ALT

Existem erros muito comuns quanto a aplicação do Atributo ALT, vou numerar alguns deles abaixo:

  1. O não uso do Atributo ALT que é obrigatório para imagens de conteúdo.
  2. Atributo ALT vazio somente para passar em validações de código. Todo atributo ALT deve ter uma pequena descrição da imagem.
  3. Atributo ALT vazio gerado por editores de código. Diversos editores de código e editores visuais inserem automaticamente o atributo ALT vazio. Por isso afirmo que o código deve ser verificado antes de sua publicação, pois nenhum editor HTML é perfeito.
  4. Atributo ALT igual para todas as imagens de conteúdo de uma página.
  5. Atributo ALT somente para gerar hint do mouse. Como explicado acima o hint é uma funcionalidade do atributo Title. Caso tenha necessidade do hint use o atributo TITLE em conjunto com o ALT mas usando textos diferentes, pois os leitores de tela e código não entendem o TITLE. E lembrando mais uma vez o ALT é obrigatório.

Novo GTalk (Google Talk) com perfil invisível

Já está disponível uma versão em inglês uma versão de testes do novo Google Talk. Dentre as novidades está a possibilidade do usuário ficar invisível para os seus contatos. A função invisível já está disponível no Gmail mas até o momento não tinha sido implementada no GTalk.

A versão de testes teve a sua interface melhora e foram adicionados mais recursos de privacidade como controle de notificações e interações com o Orkut e Google Calendar.

Seguem algumas telas:

Google Talk Visão Padrão

Google Talk Visão Padrão

Google Talk Bate Papo

Google Talk Bate Papo

Google Talk Lab Edition Invisivel

Google Talk Lab Edition Invisivel

Download do Google Talk, Labs Edition com perfil invisível

Comunicado Importante BR Multimídia Centro de Treinamentos Autorizado Adobe

A BR Multimídia – Centro de Treinamento Autorizado Adobe, através deste comunicado, vem esclarecer que não tem qualquer tipo de relacionamento ou parceria com empresas de treinamento, não faz treinamentos de instrutores para outras empresas e alerta: pessoas não autorizadas estão copiando deliberadamente o conteúdo do nosso site, dentre outras práticas não éticas e até ilegais, fazendo com que o consumidor fique confuso.

No intuito de conter essas práticas ilícitas, entramos em contato com os responsáveis por essas empresas e os mesmos nos garantiram desconhecimento desse fato e que iriam tomar providencias internas necessárias para que os textos fossem revistos e não copiados do nosso site. Promessa não cumprida. Uma das empresas em questão chegou a fazer pequenas alterações no texto, deixando a essência do original e algumas palavras chaves sem modificações, o que para o nosso entendimento, ainda configura uma cópia.

Entendemos e ressaltamos que os textos copiados se referem a conteúdos dos cursos desenvolvidos pela BR Multimídia e que podemos garantir a qualidade na aplicação dos conceitos relacionados. Função que desempenhamos com destreza, responsabilidade e que pode ser conferida pela satisfação dos nossos clientes.

Caso esteja recebendo informações como esta acima citada, por favor, denuncie, pois já estamos tomando as providências legais cabíveis.

Deixamos aqui o nosso contato para mais esclarecimentos:

Tel: (0XX71) 3450 1477

Clique aqui para enviar uma mensagem através do formulário de contato da BR Multimídia