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 02/04/09

CSS Naked Day está chegando

Para quem ainda não conhece, o CSS Naked Day é um evento que propõe aos desenvolvedores deixarem seus sites “pelados”, ou seja, desabilitar o CSS por um dia, evidenciando muito bem a separação entre conteúdo e apresentação.

Como de costume, o evento acontece no dia 9 de Abril, e o project.47 participará novamente!

Caso queira automatizar o processo, pode-se utilizar um plugin para WordPress que faz tudo sozinho :)

1 comentário Assuntos: CSS
Topo 03/02/09

Microformats Bookmarklet

Bookmarklets são links que você adiciona em seus favoritos com o intuito de executar determinadas ações no site visualizado, através de scripts.

Se você necessita de alguma ferramenta para usar os Microformats em qualquer site ou até mesmo para testar os desenvolvidos por você, é só usar este bookmarklet para exibir os dados desejados.

Testado tanto em Firefox como Safari, Internet Explorer 6 e 7, o Microformat Bookmarklet é uma ótima opção para quem quer usufruir dos benefícios dos Microformats de maneira prática!

Topo 29/01/09

Por que usarmos Microformats?

Um assunto que vem entrando frequentemente em questão é o HTML 5; as novidades que suas novas tags proporcionarão, principalmente no quesito semântica, algo bem pobre no que usamos hoje em dia.

Na busca por maior implementação de significado em nosso conteúdo, foi criado um padrão denominado Microformats, amplamente divulgado aqui no project.47 e que, a curto prazo, é a melhor solução a utilizar.

Uma colocação muito interessante feita no Tableless é que os Microformats são “uma tecnologia que veio para tapar um buraco de semântica do HTML“, o que é a mais pura verdade. Apesar de parecer algo que desvalorize sua prática, a função real de se usar os Microformats é atribuir significado para o conteúdo, sem maiores dores de cabeça para seus desenvolvedores, já que o uso depende apenas de uso de classes e certos atributos como rel, por exemplo.

Imagino que no futuro, quando usarmos o HTML 5, a prática dos Microformats já não seja tão necessária, mas até lá temos muito caminho a percorrer. Então, porque esperar para melhorar a semântica de seu código, já que temos algo tão simples a aplicar?

Procure, aprenda e divulgue os Microformats, pois com certeza é a melhor solução que temos atualmente.

Topo 28/01/09

Soluções para desenvolvedores HTML e CSS

Como já diz o ditado popular, a experiência não tem preço, mas felizmente pode ser compartilhada com todos!

Esse é o propósito do Blog Web Standards (nome mais sugestivo, impossível!); ser direcionado aos desenvolvedores HTML e CSS que de repente procuram alguma forma mais prática de estruturar seu documento ou soluções imediatas para determinadas questões que aparecem em nosso dia-a-dia, a exemplo de bugs em nosso grande amigo Internet Explorer 6.

Além das soluções para problemas, propomos diversos tipos de implementações (como padronização e estruturação dos códigos) que adotamos em nossa agência e, futuramente, podem ajudar os desenvolvedores que os adotarem também.

Fica aí a dica para novatos que querem ter uma boa fonte para resolver certos problemas e para os mais experientes que, de repente, não conhecem uma forma mais prática de realizar determinada tarefa.

Topo 14/01/09

Portfolio atualizado

Durante o ano de 2008 tive diversos trabalhos desenvolvidos mas, justamente pela falta de tempo, acabei não podendo atualizar a seção Portfolio.

Agora postei três dos últimos trabalhos desenvolvidos em nome da Viscount Box Design, nos quais fiz toda a parte da criação do layout, desenvolvimento do HTML/CSS e otimização para sistemas de busca (SEO). Os novos sites incluídos são:

Tenho alguns grandes projetos feitos pela Mídia Digital no ano passado, mas ainda não tive autorização para colocar em meu Portfolio. Atualizarei o mais breve possível!

Topo 09/01/09

Sexta-feira dos Web Standards #16

Confesso a vocês que estava ansioso para postar em mais uma Sexta-feira dos Web Standards, agora em sua décima sexta edição.

Alguns imaginavam que não iria mais postar estes links interessantes, mas sempre vou tentar manter a qualidade das indicações, por isso as vezes espero um tempo para reunir uma quantidade legal. Vejam abaixo os links de hoje:

  • Web Standards: Where the ROI is – Todo desenvolvedor de HTML e CSS que se preze conhece a Molly, uma das grandes evangelizadoras dos Web Standards pelo mundo a fora. Neste artigo, descreve os benefícios das práticas dos padrões, falando pelo lado que interessa ao cliente: economia, agilidade e melhor confiabilidade no produto entregue. Use estes conselhos e convença seus clientes também!
  • setmy.browsersize.com – Sei que este link foge um pouco ao contexto dos Web Standards, mas não deixa de ser útil a todos nós. E como o próprio nome diz, este site redimensiona a janela de seu navegador para a resolução desejada, ótimo para aqueles que desejam testar seu novo layout e sua compatibilidade com as diversas resoluções.
  • How HTML 5 Is Already Changing the Web – Este artigo tenta mostrar como o HTML 5 já está mudando o cenário do desenvolvimento Web, principalmente na questão do suporte dos navegadores, etc. Interessante sua leitura para entendermos um pouco mais sobre os princípios dessa grande revolução para a nossa área de Desenvolvimento Web.
  • Fixed Footers without JavaScript – Um dos grandes problemas enfrentados por nós, desenvolvedores, é o momento no qual o Designer decide que o rodapé do site deve ficar fixo no final da página, mesmo sem conteúdo suficiente para “empurrá-lo” para baixo. Já foram discutidas várias soluções, mas se esta não for a mais tranquila, é uma das simples que já vi para resolver o problema.
  • DD_belatedPNG: Medicine for your IE6/PNG headache! – A questão do uso de PNG 24bits e sua transparência, no Internet Explorer 6, já é bem batida. Sempre tentei evitar os scripts que “corrigem” o problema, pois estes nunca me convenceram. Até conhecer este que, para mim, é a melhor solução até o momento. O DD_belatedPNG resolve todas as questões como background-repeat, background-position, links clicáveis, etc., somente com o uso de um JavaScript, sem usar a “gambiarra” do filter e um GIF transparente de 1×1 px.
  • Semantics in HTML 5 – O site A List Apart é muito conhecido pela qualidade de seus artigos e este mostra o uso de algumas tags novas, criadas para a nova versão do HTML. O interessante é notar como a semântica do código ficará muito mais detalhada e cada vez mais específica para as nosssas necessidades; em um momento até notei uma certa semelhança com os Microformats!
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 07/01/09

Feliz ano novo!

Seguindo o costume, gostaria de desejar a todos os visitantes do project.47 um ótimo 2009, com muito aprendizado e crescimento profissional!

O blog não é atualizado há algum tempo, mas como acredito que este não é o tipo de site que precise ser atualizado frequentemente, estou dando prioridade a outros projetos e, claro, os freelances, sempre nos “atrapalhando” nos projetos pessoais :)

Como já comentei aqui, criei um blog sobre Nintendo Wii, algo que me interessa muito e vai muito bem obrigado!

Além deste site, voltei a tocar com a minha banda e aproveitamos para inaugurar nosso site, por isso também estou me dedicando no desenvolvimento deste, principalmente na otimização para os sistemas de busca.

Em breve atualizarei a seção Portfolio, com diversos trabalhos desenvolvidos ao longo de 2008 que, por falta de tempo, não pude atualizar.

Um grande abraço a todos os visitantes!

1 comentário Assuntos: Geral
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…

Links Randômicos
Meta
Apoio
Créditos
Creative Commons