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 31/01/07

Tendências do Web Design

Superficialmente falando, facilmente percebemos as novas tendęncias (e até uma certa “padronização“) do [tag]Web Design[/tag] atual. Claro, estou me referindo ŕs sombras, degrades, reflexos, etc., provenientes da era “Web 2.0”.

Porém, se prestarmos mais atenção (nos bons exemplos, claro), analisando mais detalhadamente, podemos verificar alguns pontos em comum, que com certeza representam uma grande evolução na área do [tag]Design[/tag] voltado para a Web, mostrando principalmente a preocupação com a usabilidade do site e maior relevância do conteúdo propriamente dito.

Seguindo o raciocínio do site Web Design from Scratch, há alguns pontos em comum entre os sites apresentados:

  • [tag]Layouts[/tag] simples, alinhados na porção central da tela;
  • Design do conteúdo, não da página em si, dando maior relevância para o que realmente importa ao usuário;
  • Cores leves e neutras para os fundos;
  • Bom contraste de cores, para destaque de certos elementos;
  • Fontes grandes são possíveis, devido ao recurso de anti-alising presente nos sistemas operacionais mais atuais (sim, no Windows XP não é padrão, mas há como habilitá-lo facilmente).

Concordo que há uma certa repetição em alguns efeitos (que servem mais como “perfumaria”), mas com certeza os pontos apresentados representam uma grande evolução, distinguindo o Design Gráfico voltado para a Web com relação ŕs outras mídias.

Devemos nos lembrar de que os sites são feitos para serem interagidos, e podem ser acessados de diversas maneiras (dispositivos, resoluçőes, navegadores, sistemas operacionais, etc.), e temos que planejá-los da melhor maneira para permitir a melhor navegação e acessibilidade possível.

Topo 22/01/07

Saiu a nova versão do WordPress: 2.1 “Ella”

Finalmente foi lançada a aguardada versão 2.1 do WordPress, melhor gerenciador de blogs do mercado. Conforme havia sido prometida, a data de lançamento deveria ocorrer no final deste męs e, cumprindo com o caléndario, hoje foi a data escolhida.

Entre as atualizaçőes e inovaçőes estão:

  • Função autosave, para não correr perigo de perder seus posts, devido a travamento no navegador ou qualquer outro tipo de imprevisto;
  • Novo editor em abas, permitindo a troca de editor visual (WYSIWYG) para código instantâneamente;
  • Recurso de importação/exportação dos XMLs de seus blogs WordPress mais facilmente, garantindo mais segurança no processo;
  • Editor visual com corretor ortográfico (somente em inglęs, provavelmente);
  • Privacidade relacionada aos sistemas de busca, permitindo que determinadas páginas possam ou não ser indexadas pelos mesmos;
  • Agora, qualquer página poderá ser definida como “página inicial” de seu site;
  • Plugin Akismet atualizado;
  • Todos os comentários serão incluídos nos feeds dos comentários, não mais somente os 10 últimos;
  • Implementaçőes gerais no painel administrativo, deixando-o mais rápido e fácil de gerenciar.

Bom, há muitas outras atualizaçőes. Caso queira saber mais detalhes e baixar esta nova versão, basta visitar este post no blog oficial do WordPress.

Topo 16/01/07

WordPress 2.0.7

Acaba de sair mais uma atualização para o WordPress, a 2.0.7 que, segundo os desenvolvedores, foi realizada devido a alguns possíveis problemas de segurança e problemas com Feedburner.

Por se tratar de uma atualização pequena, só é necessário atualizar os seguintes arquivos:

  • wp-admin/inline-uploading.php
  • wp-admin/post.php
  • wp-includes/classes.php
  • wp-includes/functions.php
  • wp-settings.php
  • wp-includes/version.php

Como sempre, é recomendável que atualizem seus blogs, para que não haja motivos de procupação relacionados a segurança dos mesmos.

Topo 15/01/07

Outlook – Regressando no tempo

Em breve será lançado o Outlook 2007 com algumas novidades e, entre elas, está a mudança na renderização dos HTMLs vindos nos e-mails. Tal mudança consiste na troca da renderização do Internet Explorer para a do Word, ou seja, a visualização de HTML nos e-mails ficará muito limitada.

Layouts com CSS? Se antes era algo muito complicado de funcionar, imagine agora, com limitaçőes quanto a cores e imagens de fundo, utilização de propriedades como float e position, entre tantas outras barreiras para dificultar a vida daqueles que utilizam essa metodologia de e-commerce.
Muitos podem dizer que e-mails só servem para leitura de texto puro, ou seja, sem formatação e muito menos layout mas, atualmente, há muitas estratégias de marketing baseadas em divulgação de produtos por e-mail, promoçőes, etc.

Esta grande furada da Microsoft pode ser lida, com maiores detalhes, neste artigo.

5 comentários Assuntos: Geral
Topo 14/01/07

Tag – Meus objetivos para 2007

Dando continuidade ŕ mais nova corrente criada na blogosfera brasileira, iniciada por Bruno Alves e conhecida como Tag, fui indicado neste post pelo Dudu Figueiredo a escrever meus objetivos para o ano de 2007.
Para participar da corrente, vocę deve ser indicado por alguém que faça parte dela (obviamente) e destacar cinco coisas que pretende atingir neste ano. Então vamos ŕs minhas:

  1. Trabalhar mais perto da minha namorada!
  2. Crescer ainda mais em meu emprego, tanto como funcionário, como em meu modo de trabalho, aperfeiçoando meus conhecimentos e evoluindo cada vez mais;
  3. Utilizar mais Microformats e que eles sejam mais reconhecidos e requisitados;
  4. Comprar o Wii, que estou há tanto tempo doido para tę-lo em mãos.
  5. Alcançar os objetivos traçados para a minha banda neste ano (um deles é o site, pois preciso termiá-lo de uma vez Roll Eyes 2), pois temos grandes projetos e espero que eles se concretizem!

Bom, os objetivos que tenho em vista são esses, na verdade daria pra colocar até mais, tranqüilamente.

Agora passo a “batata-quente” para outros cinco amigos:

A exemplo do que disse o Aldemir Silva, não acho correto que sejam criados vários memes tão seguidamente, pois os blogs acabam perdendo seu foco e distoam um pouco de seus conteúdos, prejudicando tanto sua imagem, quanto o leitor também. Por isso acho que deve haver moderação nesse ponto, para que não se torne algo repetitivo demais e incômodo para a comunidade.
Mas há seu lado bom, pois acarreta numa maior união entre os blogueiros, gerando mais contatos e, conseqüentemente, um crescimento para a blogosfera nacional.

4 comentários Assuntos: Geral
Topo 10/01/07

Mantendo a semântica com imagens e textos

Muitos iniciantes ainda encontram dificuldades em aliar um bom design, com um código bem feito e semanticamente correto.

Posso dar como maior exemplo, aqueles sites com utilização de fontes bem elaboradas para a logo, título do site, das páginas, dos textos, etc. Porém, como todos sabemos, textos “puros” devem ser escritos com fontes que todos possam visualizar, ou seja, vocę deve planejar seu site com uma fonte em que todos possam visualizar da mesma maneira, senão o layout vai por água abaixo.
Uma boa saída é utilização de imagens ao invés de simples texto, nestes casos em que é estritamente necessária a utilização de fontes diferentes. Digo isso somente em casos extremos, nos quais o visual do site irá se prejudicar bastante, caso não seja utilizada uma fonte padrão.

Porém, muitos não sabem que a semântica e indexação nos sistemas de busca será afetada com utilização de imagens para fins de leitura. Na verdade, imagens não possuem significado de texto, no máximo podemos utilizar o atributo alt para definir uma legenda para tal imagem.

Para poder utilizar uma imagem em títulos e que ela possa ter uma semântica correta, sem afetar a indexação do conteúdo nos sistemas de busca (além da acessibilidade, etc.), podemos seguir o exemplo abaixo, caso a intenção seja utilizar uma imagem para o título de uma página:

Código HTML:

<h2>Título da Página</h2>

No CSS fica assim:

h2 { width: largura desejada; height: altura desejada; background: url(endereço da imagem) no-repeat; text-indent: -9999em; }

Este é um exemplo muito básico, mas basta para mostrar a idéia da prática. O que fizemos nada mais foi que, no código HTML, mantivemos o texto limpo, sem inserção de tags img, deixando-o limpo e acessível, tanto para pessoas como máquinas.
Agora, no CSS, definimos uma largura, altura, uma imagem de fundo e, ao final, adicionamos a propriedade text-indent, fazendo com que o texto desapareça, mantendo, somente, a imagem de fundo.

Desta maneira, seu site possuirá imagens com as fontes desejadas sem perder a semântica, acessibilidade, indexação, etc.

O único contra desta “técnica” seria a dificuldade na atualização destas imagens, pois se trata de um processo manual. Mas há técnicas de image replacement que podem ser pesquisadas, caso a intenção seja esta.

Topo 06/01/07

WordPress 2.0.6

Foi liberada mais uma atualização para o [tag]Wordpress[/tag], a 2.0.6.
De acordo com o que diz no site oficial da plataforma, foram realizadas algumas implementaçőes para melhor visualização no navegador [tag]Safari[/tag] além de algumas sérias atualizaçőes de segurança.
É altamente recomendável que se faça esta atualização pois, algumas invulnerabilidades estavam sendo bem difundidas, aumentando seu risco por ataques do pessoal mal-intencionado.

Topo 04/01/07

Referência no Style Crunch

Inspirado por este post, acabei sendo aprovado e entrei na galeria de sites feitos em CSS, do Style Crunch.

Acho muito interessante ver, além do meu site, o próprio Revolução Etc. e Tableless.com.br, pois mostra a receptividade que sites brasileiros estão tendo lá fora.

Como eu havia publicado há algum tempo, estava desenvolvendo um novo layout para o project.47, mas graças a essa e outras referęncias, vou deixar este layout mais um tempo no ar, sem compromisso de tempo para atualizá-lo, podendo fazer algo mais trabalhado e diferente do atual.

4 comentários Assuntos: Geral
Links Randômicos
Meta
Apoio
Créditos
Creative Commons