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 20/07/09

Coda: editor de códigos para Mac OS

Como desenvolvedor Web Standards passei um tempo para encontrar a melhor forma de trabalhar no Mac OS, procurando um bom editor de códigos e forma de testar os sites nos navegadores de Windows (leia-se Internet Explorer 6 e 7).

Após usar TextMate e CSSEdit, encontrei o Coda e testei durante seu período de avaliação… Foi o suficiente para comprá-lo! A licença custa U$99 e pelo que oferece vale muito, ainda mais se compararmos ao Dreamweaver.

Resolvi gravar um vídeo (screencast) demonstrando algumas qualidades do aplicativo mas, obviamente, há diversas outras funcionalidades interessantes que optei por não mostrar:

Após descobrir estas e outras qualidades, percebi que o melhor editor de códigos para Mac OS é o Coda, principalmente após descobrir que ele fazia find/replace de múltiplas linhas em diversos arquivos :)

Topo 03/04/09

Sexta-feira dos Web Standards #17

Para o pessoal que estava ansioso por mais uma edição da tradicional Sexta-feira dos Web Standards, aí está sua décima sétima edição!

  • IE 8 Compatibility – Meta Tags, Http Headers, User Agent Strings etc etc – Este artigo mostra variações que podemos utilizar nos headers de nosso site para mudar o comportamento do Internet Explorer 8. Interessante conhecermos antes de começarmos a desenvolver para ele, dependendo da necessidade de cada site.
  • Vertical Centering With CSS – Excelente artigo que mostra 5 métodos para fazer alinhamento vertical pelo CSS. Sabemos que não é nada fácil como aplicar valign numa célula de tabela, mas pode quebrar um galhão!
  • 12 resources for getting a jump on HTML 5 – Como diz neste artigo, o mundo ainda não está preparado para usar o HTML 5, mas para podermos chegar neste ponto, temos que conhecê-lo. Então, esta página serve como referência a diversos outros sites com textos sobre o assunto. Obrigatório!
  • Web Standards Test: Top 100 Sites – Zeldman resolveu fazer uma pesquisa dos 100 sites mais populares da Internet (via Alexa) e concluiu que apenas 25% deles usam os Web Standards. Veja uma pequena análise dos sites mais bem colocados.
  • Como testar o site no IE6, IE7 e IE8? – Artigo que apresenta algumas maneiras de testar seu site nas diversas versões de Internet Explorer, para acabar de vez com o problema nos testes!
  • 10 Rare HTML Tags You Really Should Know – Lista de 10 tags HTML que, na grande maioria, são esquecidas mas podem acrescentar muito valor e qualidade ao nosso código, se bem utilizados!
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 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 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 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.
Topo 04/05/08

Homer Simpson feito em CSS?

É isso mesmo que vocęs leram!

Sabemos que o propósito real de um experimento desses não é mostrar que podemos fazer desenhos com [tag]CSS[/tag], mas para conhecermos os limites que esta tecnologia nos oferece e, com certeza, oferece um resultado muito interessante.

É incrível ver o empenho do pessoal para chegar em tal resultado que, surpreendentemente funciona em browsers como: Internet 5 até o 7, Opera 9, Firefox 2, Safari 3, etc.

Certamente vocę ficou curioso para ver a “imagem”, então é só entrar neste link.

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