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 25/01/08

Sexta-feira dos Web Standards #12

Nesta edição da Sexta-feira dos [tag]Web Standards[/tag] fiz uma relação de links sobre layouts e hacks em [tag]CSS[/tag], ferramenta para SEO, Internet Explorer 8 e a importância da Arquitetura da Informação no desenvolvimento de sites.

  • How to create CSS layouts without using FLOAT – Ao tentar reproduzir um layout em colunas, na grande maioria das vezes temos de usar os floats que, em determinados casos, podem causar problemas futuramente (por exemplo, ao ter que utilizar a propriedade clear em certa parte do site, acabará “quebrando” o layout, devido o uso de float nas colunas). Este artigo mostra como fazer um layout em colunas sem o uso dos floats.
  • Xinu – Check PageRank , Backlinks, Indexed Pages, Rankings and more – Esta é uma ferramenta muito útil para aqueles que pretendem acompanhar o desempenho de seu site nos sistemas de busca e, conseqüentemente, se aperfeiçoar nesta área. Muito prático e fácil de usar.
  • CSS Hacks – Sabemos que este assunto dos “CSS Hacks” ainda gera muita polęmica mas, dependendo da necessidade, acabamos tendo que utilizar tais artifícios. Este site fala sobre os hacks e lista vários, além de explicar maiores detalhes sobre cada um deles.
  • Compability and IE8 – Com o avanço do desenvolvimento do Internet Explorer 8 muita expectativa está sendo gerada, pois espera-se um lançamento de qualidade muito superior ŕs suas versőes anteriores. Este artigo descreve o que os desenvolvedores estão fazendo para facilitar a vida dos usuários e desenvolvedores, melhorando a renderização dos sites que estão de acordo com os Padrőes, sem deixar de visualizar corretamente aqueles direcionados ŕs versőes 6 e 7 do navegador.
  • Beyond DOCTYPE: Web Standards, Forward Compability and IE8 – Este excelente artigo trata sobre o futuro aguarda os desenvolvedores de sites; as diferenças de compatibilidade dos browsers e a dificuldade gerada cada vez que uma nova versão é lançada pois aumenta, gradativamente, as preocupaçőes que devemos ter em fazer um site acessível a [tag]browsers[/tag] e suas versőes distintas.
  • A importância da AI no aumento da performance de um site – Ótimo artigo tratando a importância da Arquitetura da Informação no desenvolvimento de sites e os benefícios que sua prática pode trazer aos usuários.

Bom final de semana a todos e semana que vem tem mais links!

Topo 18/01/08

Sexta-feira dos Web Standards #11

Na décima primeira edição da Sexta-Feira dos [tag]Web Standards[/tag] fiz uma seleção de links sobre metatags, referęncias sobre [tag]XHTML[/tag], [tag]CSS[/tag] global reset, tipografia Web, etc. Vamos a ela:

  • Metatags – Breve introdução de uso e teoria – Artigo que explica o que são as metatags, as maneiras de utilizá-las e quando devemos usá-las.
  • XHTML – Nove regras – Definição de algumas regras para bom desenvolvimento de um código XHTML, servindo como um guia rápido para quem está iniciando na linguagem. Porém, fica a observação para o exemplo número 3, no qual o autor do artigo utilizou as tags <b> e <i>, as quais não devem ser mais utilizadas.
  • Resetting Again – Exemplo de CSS global reset, uma prática que pode facilitar muito o início do trabalho de qualquer site em CSS. Cada um possui a sua maneira de desenvolver, mas sempre é válido conhecermos outras maneiras de fazę-lo.
  • Web Typography – an introduction to font families, font choinces and HTML punctuation – Artigo que trata de forma simples os diferentes tipos de famílias de fontes disponíveis para uso na Internet, comentários e comparaçőes de boas fontes para usar em seu site, etc.
  • Developing With Web Standards – Excelente site que serve tanto como introdução, como referęncia para quem desenvolve sites seguindo os Web Standards (ou Padrőes Web). Fala da história, estrutura, desenvolvimento em camadas, diferenças entre os browsers entre outros tópicos relevantes.
  • Serving XHTML with the Right MIME Type588 – Artigo publicado no Web Standards Project com o intuito de auxiliar na escolha do MIME Type para seu site, variando pela forma como quer servir o conteúdo do mesmo.

Sempre lembrando que, caso vocęs tenham mais sugestőes para inserção nesta série de posts, não hesitem em comentar ou enviar um e-mail para mim. Obrigado :)

Topo 13/01/08

Ser especialista é melhor do que saber um pouco de tudo

Esse é um tema que venho pensando em abordar há um bom tempo, principalmente agora com o amadurecimento das profissőes voltadas ŕ Internet.

Lá pelo final da década de 90, quando houve o boom da Internet, surgiram vários “profissionais” que diziam saber de tudo, ou melhor, se intitulavam “Webmasters” que, teoricamente, sabiam e faziam de tudo no site.

Porém, como dito anteriormente, com o amadurecimento das profissőes e serviços prestados, além do surgimento de novas categorias, foram exigidos conhecimentos cada vez mais específicos. Por exemplo, hoje em dia, é obrigatório termos um profissional que saiba de Design voltado para Web e outro de TI, cada um em sua área. Posso afirmar que, quanto mais focado em sua profissão, mais bem sucedido vocę será nela. Mas não devemos nos esquecer de termos noçőes das outras etapas que envolvem o projeto.

Mas essa questão toda da especialização pode acabar se tornando uma armadilha para alguns. Com certo tempo de trabalho, conheci muita gente que acha que ser Designer basta para criar o layout para um site, por exemplo. Quem acaba se dando mal é o cara encarregado de fazer o HTML e CSS, tendo que se desdobrar para montar layouts mirabolantes, exigindo PNGs transparentes, fundos pesadíssimos, etc… Quantos já não passaram por isso?

Como Designer, posso afirmar que para se criar algo voltado para a Internet, deve-se fazer uma pesquisa sobre esse tipo de mídia, pois são apresentadas algumas “limitaçőes” (como na escolha de fontes, por exemplo), além da própria maneira do usuário interagir com ela ser totalmente diferente de um cartaz, por exemplo. Aliás, essas limitaçőes acabam deixando louco o pessoal que só trabalha com mídias offline.

Na realidade, o ponto ideal seria cada um conhecer e ser o mais focado possível em sua profissão, mas nunca chegar ao ponto de não saber mais nada das outras áreas que envolvem seu projeto, pois isso poderá acarretar sérios problemas para a continuidade do mesmo. Entrando em termos práticos, o resultado disso tudo seria a famosa “refação”, devido a falta de qualidade do produto entregue.

Leia também: Vocę trabalha com comunicação digital

Topo 11/01/08

Sexta-feira dos Web Standards #10

Mais um ano chega e, claro, para começar com o pé direito, iniciamos com a décima edição da Sexta-feira dos [tag]Web Standards[/tag]!

Essa lista envolve mais conceitos do que aqueles tutoriais que costumo passar, mas, claro, são muito úteis a todos!

  • Standards Overview – Ótimo texto que explica bem o que são os Web Standards (ou Padrőes Web), seus conceitos e alguns pontos importantes que devemos saber antes de desenvolvermos nosso site como Doctype, diferenças existentes entre os [tag]browsers[/tag], Acessibilidade, código semântico, etc.
  • IE7-JS – Trata-se de uma biblioteca [tag]JavaScript[/tag] (já conhecida por muitos) que, ao ser inserida em seu site, faz com que o Internet Explorer 5 e 6 reconheçam seu site da mesma maneira que o IE7, corrigindo vários erros relacionados a renderização do [tag]HTML[/tag] e [tag]CSS[/tag]. Já existe o script IE8, mas ainda em fase beta.
  • Levels of CSS knowledge – Como o título diz, este artigo mostra os diversos níveis de conhecimento em CSS e suas particularidades. Interessante para saber em qual nível vocę se enquadra.
  • CSS, Acessibility and Standards Links – Lista muito interessante com diversos links relevantes sobre tutoriais, noçőes básicas de CSS, Acessibilidade, guias, layouts e templates, livros, técnicas entre outros, direcionados para quem desenvolve sites.
  • Become a Better Web Standards Developer – Este artigo mostra várias dicas para quem quer se aperfeiçoar no desenvolvimento de sites em Web Standards, além de fornecer uma ótima lista de links relevantes ao final do texto.
  • maxdesign – Ótima referęncia para aqueles que querem aprender mais sobre estilização de listas, uso de floats e seletores CSS. Muito bem explicado e exibe vários exemplos práticos.

Espero que tenham gostado dessa lista. Semana que vem, com certeza, tem mais!

Links Randômicos
Meta
Apoio
Créditos
Creative Commons