Pular para conteúdo 
Зеленый кофе

O autor

Carlos Eduardo de Souza, Front-End Developer & Interface Designer na Coopers Digital Production, dedica seu tempo para o desenvolvimento de uma Web mais acessível. Possui certificado W3C em Mobile (sites e web apps) e HTML5.

Portfolio e blog sobre Web Standards – project.47, de Carlos Eduardo de Souza

Topo 27/03/08

Vamos acabar com o Internet Explorer 6!

Foi lançada uma campanha (séria) a favor da atualização, por parte dos usuários, do Internet Explorer 6. Nós, desenvolvedores, estamos encarregados de incentivar nossos visitantes a parar de utilizar o Internet Explorer 6 e trocar para outros navegadores ou, até mesmo, para o Internet Explorer 7, o que já representa um grande avanço.

Por incrível que pareça, grande parte das visitas ao project.47 (cerca de 40%) ainda é formada por usuários que utilizam o IE6; isso que estamos falando de um site voltado a desenvolvedores, Web Designers, etc., imagine os dados para um site convencional!

Desta maneira, devemos aderir ŕ campanha SaveTheDevelopers voltada ŕ essa causa, apresentando diversas vantagens apresentadas pela atualização de seu [tag]browser[/tag].

Aproveitando a oportunidade, peço encarecidamente aos visitantes que, caso ainda utilizem Internet Explorer 6, por favor, atualizem seu navegador para a versão 7 ou instalem um melhor. Nós desenvolvedores agradecemos :)

Topo 26/03/08

Acid 3 – Internet Explorer 5.5 melhor que seus sucessores

Durante muito tempo os [tag]browsers[/tag] lutaram para passar no Acid 2, teste desenvolvido para avaliar o compreendimento do CSS por parte dos browsers.

Com o lançamento da terceira versão do teste, muitos browsers conseguiram boas pontuaçőes, como o Safari, tendo a nota mais alta de todos os browsers já lançados, com 75% de aprovação. O navegador com a melhor performance foi o Opera, atingindo a pontuação total, ou seja, 100% dos itens testados.

Porém, um fato muito interessante é a pontuação obtida pelas diferentes versőes do Internet Explorer: a versão 5.5 obteve melhor avaliação, com 14 pontos, contra 12 pontos da versão 6 e 7 do navegador. Podemos ser muito taxativos ao dizer que o Internet Explorer 5.5 é melhor, pois sabemos que não é, mas com certeza é no mínimo curioso o fato de possuir um score maior que as versőes seguintes.

Para ver a lista completa de pontuação de browsers já lançados e aqueles em versão beta, basta visitar este site.

Topo 22/03/08

Devemos usar image replacement?

Nós, designers voltados para a Web, sabemos muito bem que este tipo de mídia oferece várias limitaçőes (como qualquer outra) e, entre elas, está utilização de fontes diferentes do padrão adotado pelos sistemas operacionais. Ou seja, se eu desejar utilizar uma fonte Helvetica, os usuários de Mac poderão abrí-la tranqüilamente, enquanto os usuários de Windows só poderão visualizá-la caso consigam instalá-la em seus computadores.

Todo mundo que tem bom senso sabe que devemos nos preocupar em manter o layout de nosso site o mais padronizado possível, independente da plataforma e sistema utilizado para acessá-lo.

Por isso, surgiram técnicas para “driblar” essa dificuldade, utilizando imagens ao invés de texto puro. Só que esta prática acabava dificultando a indexação do conteúdo, caso o desenvolvedor do site não utilizasse o atributo “alt” nas imagens, pois os sistemas de busca não conseguiam interpretar o conteúdo utilizado na imagem.

Para resolver este problema, utilizando CSS, surgiram as técnicas de image replacement, ou seja, o código HTML permanece intacto, com o texto puro mas, através das folhas de estilo, trocamos o texto por uma imagem. Essa prática é muito utilizada pelos desenvolvedores, pois serve como uma verdadeira mão-na-roda no momento que o designer escolhe uma fonte fora do padrão dos sistemas.

Porém, surgiu uma notícia de que o Google poderia penalizar quem utilizasse esse tipo de técnica pois o desenvolvedor do site não estaria mostrando exatamente o que está no código HTML, fazendo com que este texto não aparecesse na tela para exibir uma fonte diferente em seu lugar.

E o que vocęs acham? Uma imagem com o atributo “alt” substitui a relevância de um título (h1, h2, h3…) no código?

Acredito que há lugares onde devemos utilizar o image replacement e até mesmo o sIFR, quando necessário, assim não perdemos a hierarquia no código e relevância do conteúdo.

Como sempre, cabe a nós pensar sempre no usuário. Há várias maneiras para se fazer a técnica do image replacement, algumas que dificultam ou não a acessibilidade do site. Por isso, indico escolher o método mais acessível, assunto discutido neste artigo (em inglęs).

Topo 20/03/08

Aprendendo SEO

Está acontecendo o Campeonato de SEO da Mídia Digital, uma iniciativa muito bacana do nosso setor de otimização para setor de buscas.

Direcionado aos funcionários da agęncia, o campeonato visa o aprendizado das técnicas de SEO, deixando o pessoal por dentro do que o setor faz e, principalmente, os benefícios que tal serviço proporciona a qualquer site, seja ele um simples blog ou um grande portal.

O campeonato foi organizado em duplas e, como não poderia ser diferente, estou junto com meu primo Lincoln. Cada dupla fica encarregada de criar um blog sobre algum esporte estranho, diferente e/ou exótico.

Por isso, indico a vocęs o Jogue Diferente, criado especificamente para este campeonato de SEO, tratando sobre estes esportes diferentes. Estamos disponibilizando, também, espaço para aqueles que praticam algum esporte do gęnero e que desejam divulgá-lo com vídeos e texto detalhando sua prática.

1 comentário Assuntos: Blogs
Topo 20/03/08

WordPress 2.5 vem aí

Para quem ainda não sabe, está por vir a versão 2.5 do [tag]Wordpress[/tag], com grandes inovaçőes. Entre elas, pode-se destacar:

  • Dashboard personalizável:

Dashboard personalizável

  • Navegação interna do dashboard aprimorada:

Navegação aprimorada

  • Nova tela para postagem, mostrando somente as opçőes mais utilizadas:

Nova tela de postagem

  • As telas de gerenciamento também foram melhoradas, deixando a tarefa de controle/edição de posts e páginas muito mais agradável:

Nova tela para gerenciamento

Essas implementaçőes vocę pode conferir na versão RC (Release Candidate) do WordPress 2.5, através deste link.

Mas, antes de atualizar seu sistema, há algumas precauçőes que devem ser tomadas:

  • Checar a compatibilidade de seus plugins com a nova versão;
  • Visite este serviço que verifica se o seu blog está preparado;
  • Desabilite e/ou remova antigos plugins;
  • Faça um backup de todo o seu banco de dados, caso aconteça algum erro e vocę não perca seu site inteiro;

Essas e outras dicas vocę pode encontrar neste artigo.

Topo 13/03/08

Tempo de mudanças!

Pois é pessoal… Chegou um tempo de grandes mudanças!

Primeiramente, graças ŕ um grande esforço consegui comprar o MacBook Pro, que pretendo utilizar em meus trabalhos, aumentando o meu rendimento e, conseqüentemente, a lucratividade nos projetos realizados.

Ainda tenho que ganhar experięncia no Mac OSX, mas já consegui me habituar com ele e perceber que não dá mais pra voltar a usar PC. Graças ao meu amigo Eduardo Perroud, consegui boas referęncias em programas de edição HTML/CSS para Mac, portanto nessa parte também estou tranqüilo. O único problema é a diferença de renderização do Firefox do Mac para o Windows, mas o problema também já foi constatado e contornado.

Devido ao tempo que levei para aprender e me habituar bem com o notebook, sobrou pouco para postar aqui, mas podem ficar tranqüilos que teremos novidades!

Tenho muitos temas para abordar, desde questőes relacionadas aos blogs, técnicas de CSS, SEO, Web Design, etc., ou seja, tem muita coisa boa engatilhada pra escrever na continuidade. Claro, também darei seqüencia ŕ “Sexta-feira dos Web Standards” que estava tendo um retorno legal do pessoal.

Por fim, mas não menos importante, quero aproveitar essa nova fase de oportunidades e amadurecimento para renovar o visual do project.47 e, de repente, mudar um pouco a estratégia do site… Bom, vamos ver como as coisas vão se encaminhando.

Aguardem pelas novidades :)

6 comentários Assuntos: Geral
Topo 05/03/08

Internet Explorer 8 Beta 1 liberado

Foi liberada, para dowload, a versão Beta do Internet Explorer 8.

Temos acompanhado há algum tempo as evoluçőes que a nova versão do IE nos trará, como melhorias significativas na renderização, sendo melhor adaptado aos Web Standards. Porém, uma discussão que tomou grandes proporçőes foi a questão do Version Targeting do IE, na qual o desenvolvedor especifica qual versão do browser deverá renderizar o site. Isso mesmo, a nova versão do navegador virá com um motor de renderização atualizado, mas também terá as versőes anteriores do mesmo. Desta maneira, se eu desejar que meu site seja visualizado de acordo com o IE7, devo especificar através de uma meta tag no head do site para que isto aconteça. O problema ficará com aqueles que possuem versőes divergentes.

Bom, após esta discussão, foi levantada a questão de que o browser viria, por padrão, com a renderização do IE8 desativada, opção que deveria ser revertida manualmente. Porém voltaram atrás nessa decisão, felizmente.

Para finalizar essa conversa e tirar suas próprias conclusőes sobre as melhorias nas funcionalidades e renderização do browser, basta visitar este link no site do navegador

Links Randômicos
Meta
Apoio
Créditos
Creative Commons