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

Blog

Topo 08/01/09

Quando está na hora de fazermos o redesenho do site?

Entre os diversos trabalhos que estou desenvolvendo, um deles é o redesenho do site de uma imobiliária, o qual já está no ar desde 2001, obviamente não com o mesmo layout, mas a estrutura manteve-se basicamente a mesma.

Com o passar do tempo e crescimento do negócio, as necessidades foram se modificando e, obviamente, as pretensões da empresa também. E quando você e, principalmente, seu cliente sentem que o site já não corresponde mais as expectativas, com certeza está na hora de fazer um redesenho do site. Porém, esse redesenho não está ligado somente ao layout do site, mas a toda estrutura e objetivos do mesmo, para se moldar às novas necessidades do cliente.

Para isso devemos nos lembrar que na criação de qualquer site devemos passar por algumas etapas, como a problematização, ou seja, o briefing. Esta primeira fase deve ser a mais precisa possível, pois somente atingiremos os objetivos pretendidos se soubermos exatamente o que o cliente quer.

Uma dica que passo, aos menos experientes, é dar uma boa analisada nas qualidades que o site atual já possui, para mantê-las ou até mesmo melhorá-las, além de ficar atento com as novas necessidades do mercado, observando o que os usuários têm pesquisado com mais frequência, aumentando as chances de possíveis visitantes.

Fazendo um briefing bem feito e detalhado, as próximas etapas (Arquitetura de Informação, Redação, Design, etc.) serão mais eficientes e o trabalho será bem sucedido.

Topo 29/10/08

Blog em WordPress? Use themes customizados!

Certamente uma das características mais favoráveis ao uso do WordPress é a enorme variedade de themes, ou seja, os famosos temas, sejam eles pagos ou gratuitos. Inclusive, neste último caso, temos ótimas opçőes que se enquadram perfeitamente em qualquer tipo de blog, site pessoal ou até institucional.

Para quem ainda não viu, já postei alguns artigos com seleçőes de temas e, desta vez, colocarei mais boas referęncias de temas gratuitos para vocę incrementar seu WordPress:

  1. Pixeled
    Tema para WordPress
    PreviewDownload
  2. Desk Mess
    Tema para WordPress
    PreviewDownload
  3. Notepad Chaos
    Tema para WordPress
    PreviewDownload
  4. Google Chrome
    Tema para WordPress
    PreviewDownload
  5. WordPress Fun
    Tema para WordPress
    PreviewDownload
  6. Aeros
    Tema para WordPress
    PreviewDownload
  7. Cellar Heat
    Tema para WordPress
    PreviewDownload (Dark)Download (Light)
  8. Simply Ornate
    Tema para WordPress
    PreviewDownload
  9. Agregado
    Tema para WordPress
    PreviewDownload
  10. Infinity
    Tema para WordPress
    PreviewDownload
  11. Fervens
    Tema para WordPress
    PreviewDownload
  12. Tigerpress
    Tema para WordPress
    PreviewDownload
Topo 24/10/08

1º Fórum W3C Brasil – Por uma Web Única


Foto do crachá que ganhei no evento da W3C Brasil

No dia 30 de Setembro, como divulguei anteriormente, aconteceu o 1 Fórum W3C Brasil – Por uma Web Única em São Paulo. Tive a honra de comparecer ao evento em nome da Mídia Digital, agęncia na qual trabalho que, certamente, sabe investir na área de Web Standards.

O cronograma do evento foi o seguinte:

  • 09:00 – Painel de abertura com os afiliados Brasil – “Os padrőes web e seus impactos no futuro da gorvernança da TI”
  • 11:00 – Convidado internacional – “The ways to Web Semantic
  • 11:45 – Convidado especial – “A Web Semântica no Brasil”
  • 12:15 – Debate sobre a atuação do W3C Escritório Brasil

Neste artigo vou fazer uma análise do evento, destacando os principais assuntos abordados e o que concluímos para que, no próximo evento, entrem em pauta e auxilie no crescimento do escritório da W3C no Brasil.

Continuar lendo…

Topo 20/10/08

Referência no Design

Não sei se vocęs devem lembrar, mas este layout está no ar desde o início do ano passado, já completando mais de 1 ano e meio na ativa!

E é com orgulho que comunico que o project.47 já é referęncia em 18 galerias de inspiração, principalmente as voltadas ao desenvolvimento com HTML e CSS. As últimas indicaçőes foram nos sites NiceStylesheet, CSS Bunch e CSS Exchange.

Caso vocęs conheçam mais referęncias que não constam na página Portfolio, por favor, me comuniquem :)

Topo 15/10/08

CSS simples: abreviando as propriedades

Uma das características que fazem o CSS uma linguagem tão difundida é sua facilidade de aprendizado e flexibilidade para a escrita. Seja usando uma regra ou propriedade por linha, seu código funcionará corretamente.

Há tambem diversas maneiras de definir determinadas propriedades do CSS como background, font, margin, padding, etc. E este é o intuito deste artigo, mostrar para aqueles que ainda não conhecem estes “atalhos” que ajudam (e muito) a diminuir seu código.

Continuar lendo…

2 comentários Assuntos: CSS
Topo 10/10/08

Melhorando seu processo de trabalho

Quem já não passou pela situação, com pelo menos 6 meses de experięncia na área de Web Standards, ao observar seu antigo código HTML / CSS e percebeu a melhoria tanto na organização como na performance do site?

Já escrevi por aqui um artigo bem interessante sobre como melhorar seu rendimento profissional, além de outro fator que influencia diretamente no assunto deste post, a colaboração que deve ocorrer entre Web Designer e desenvolvedor CSS.

Agora falaremos de algo que envolve a organização do trabalho, seja numa equipe com várias pessoas, como um simples freelancer: a padronização.

Continuar lendo…

Topo 26/09/08

1º Fórum W3C Brasil

Como já comentei aqui anteriormente, foi inaugurado o escritório brasileiro da W3C, o que é uma verdadeira honra poder contar com uma sede da organização em nosso país.

Os resultados dessa iniciativa já podem ser percebidos: acontecerá na próxima terça-feira, dia 30 de Setembro, o 1 Fórum W3C Brasil, com o intuito de discutir padrőes em acessibilidade, usabilidade, mobilidade, web semântica e TV Digital. Além da discussão destes assuntos, há a intenção de reunir os atuais colaboradores e encontrar novos contribuintes para o trabalho da W3C no Brasil.

O evento será fechado a convidados e, felizmente, poderei comparecer ao evento (juntamente com o Gustavo Krause) em nome da Mídia Digital, que se mostra comprometida com a área do desenvolvimento em Web Standards.

Chego de São Paulo na própria terça-feira e, obviamente, passarei aqui no blog para escrever mais sobre as impressőes do evento.

Topo 12/09/08

Sexta-feira dos Web Standards #15

A décima quinta edição da Sexta-feira dos [tag]Web Standards[/tag] está bem interessante, contando com links nacionais e estrangeiros, que abrangem assuntos desde os conceitos dos Web Standards até a relação de image replacement com o Google. Então vamos ŕ lista:

  • As premissas da Web Semântica – Precisa dizer mais? Este artigo aborda de maneira bem clara o que é essa tal de Web [tag]Semântica[/tag] e a importância de seu compreendimento no desenvolvimento de sites. Para quem está começando no mundo do desenvolvimento Web, é um artigo de extrema utilidade.
  • Design para CSSers – Outro grande artigo do Luli, agora abordando certos conceitos de Design que são extremamente essenciais para qualquer desenvolvedor de HTML e [tag]CSS[/tag]. Na verdade, costumo falar muito aqui sobre a necessidade dos Web Designers saberem sobre CSS, mas o contrário também deve acontecer. Claro, falo isso no sentido profissional, ou seja, aqueles que trabalham com Web Standards, assim como eu, devem ter conhecimentos sobre Design, mas não temos como exigir que um programador saiba de tudo isso ao mesmo tempo!
  • Image Replacement + Google – Ahh, a velha discussão sobre image replacement e o Google. Este artigo vem elucidar muita coisa sobre o assunto, mostrando principalmente que não temos a perder com esta técnica, somente devemos ter certas precauçőes ao utilizá-la.
  • Using CSS to Fix Anything: 20+ Common Bugs and Fixes – Como o próprio nome diz, este é um artigo que mostra diversas técnicas de CSS para corrigir bugs que enfrentamos corriqueiramente, seja com browsers (leia-se Internet Explorer) ou com propriedades que os desenvolvedores não conhecem muito bem e acabam tendo dificuldades, como o bom e velho float.
  • Cheat Sheets for Front End Developers – Coleção de cheat sheets, ou seja, aqueles guias rápidos com propriedades e elementos a serem utilizados naqueles momentos que esquecemos a nomenclatura ou modo de uso. Excelente link para todos nós, Front End Developers e, claro, para quem não é da área e precisa daquela consulta rápida para resolver algum problema de última hora.
  • Finding Harmony Between Categories and Tags on Blogs – Para finalizar, este artigo que acabei achando de última hora ajuda principalmente os blogueiros iniciantes, que não sabem a diferença entre tags e categorias, mostrando em quais casos é melhor usar um ou outro. O importante é ter bom senso principalmente na hora de usar as tags!
Topo 27/08/08

Porque o Web Designer precisa colaborar com o CSS

Esse é um assunto totalmente pertinente para o pessoal da área de Web Design que, ao meu ver, também deve ter conhecimentos de HTML e CSS. Se isso não acontece, ao menos, deve haver um bom diálogo entre quem faz a criação dos layouts com aqueles que irão desenvolvę-los, para saber das limitaçőes que este tipo de mídia (Web) oferece, assim como qualquer outra.

Já escrevi um arquivo dando algumas dicas para melhorar seu rendimento como profissonal, na área dos Web Standards, e a proposta deste artigo é parecida, mas unindo a área de Design com o desenvolvimento do site.

Continuar lendo…

Topo 22/08/08

Sexta-feira dos Web Standards #14

Finalmente chegou a décima quarta edição da Sexta-feira dos Web Standards, com uma boa coleção de links interessantes para quem quer aprender a melhorar seu processo de trabalho com [tag]HTML[/tag], [tag]CSS[/tag], etc.

Vejamos a seleção de links que fiz para esta semana:

  • Opera Web Standards Curriculum – Este site, oferecido pelo Opera, nada mais é do que um guia de boas práticas para o desenvolvimento de sites dentro dos [tag]Web Standards[/tag], com uma boa coletânea de artigos envolvendo as áres do HTML e CSS, além de conceitos gerais sobre o tema.
  • Informação e Formatação; As duas camadas do desenvolvimento web – O artigo apresenta o conceito sobre a separação entre conteúdo e formatação do site, um dos princípios básicos para desenvolvimento nos Web Standards. É algo que pode parecer batido, mas para quem está querendo aprender como fazer sites, a contextualização é muito importante e este artigo cumpre bem este papel.
  • Creative Use of PNG Transparency in Web Design – Sabemos que o uso de PNG 24 bits nos dá uma certa dor-de-cabeça com o Internet Explorer 6 mas, se usado de maneira correta, pode ampliar nosso leque de possibilidades, oferendo um ótimo recurso visual para nossos sites. Este artigo dá algumas dicas de aplicaçőes deste PNG 24 bits, aproveitando ao máximo o recurso da transparęncia alpha, enriquecendo nossos layouts.
  • Otimizar seu site para a pesquisa do Google – A otimização de sites para sistemas de busca já não é mais uma novidade e, inclusive, é uma área que vem crescendo muito nos últimos tempos. Este artigo vem justamente auxiliar na compreensão desta área e o que podemos fazer para melhorar o posicionamento de nosso site, aumentando sua relevância para o sistema de busca. Claro, não é um guia que oferece fórmulas mágicas, mas é uma ótima introdução para o assunto!
  • 10 CSS Form Examples – Sem idéias para implementar algum novo formulário em seu site? Não sabe como desenvolvę-los? Este artigo oferece 10 exemplos de formulários bem feitos, usando e abusando das possibilidades do CSS, aliado ao visual agradável e funcional.
  • CSS Compability and Internet Explorer – Felizmente o pessoal da MSDN (Microsoft Developer Network) reconheceu as limitaçőes de seus browsers e fez um site especialmente voltado para a compatibilidade do Internet Explorer com o CSS, listando as propriedades CSS e quais delas são suportadas (ou não). O interessante é que este site não se restringe ao IE 6 ou 7, na verdade ele faz uma tabela comparativa desde a versão 5 até a 8, que está em fase beta.
Links Randômicos
Meta
Apoio
Créditos
Creative Commons