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 28/12/07

Feliz 2008!

Adeus ano velho, Feliz Ano Novo!

Encerro este ano desejando a todos vocęs um ótimo 2008, com muito sucesso e que, claro, seja melhor ainda que este ano de 2007.

Este foi um ótimo ano, com muitas transformaçőes e afirmaçőes tanto no sentido profissional como no pessoal. O project.47 estará completando seu segundo ano de vida, graças aos comentários, visitas e apoio de todos vocęs!

Analisando a lista de desejos e previsőes que fiz para este ano que se passou, posso afirmar que:

  • O uso do Internet Explorer 7 cresceu bastante, mas pode crescer muito mais, com a facilidade de poder atualizar o IE6 sem a necessidade de validação do Windows;
  • O Firefox teve um acréscimo no número de usuários, mas vem enfrentando muitos problemas de segurança (prontamente corrigidos);
  • Infelizmente o Furacão não ganhou nenhum título, mas ano que vem tá aí… É só esperar :)
  • Sim, consegui terminar o layout do blog que, sinceramente, ficou acima do esperado;
  • Minhas aulas na faculdade acabaram… Agora “só” falta o TCC para me formar;
  • Houve amadurecimento por parte dos blogs, tanto na abordagem como nos comentários, mas temos muito a melhorar, principalmente no cenário nacional;
  • Completei meu segundo ano de namoro… Será que vai dá em casamento?
  • Ah, consegui comprar meu Wii e, com certeza, consegui aproveitá-lo muito bem durante o ano!

Então, como é de prache, desejo a todos uma boa “virada” e boas “entradas” para o ano que vem! Sucesso a todos!

Topo 21/12/07

Sexta-feira dos Web Standards #9

Enfim passa mais uma semana e, claro, chega a Sexta-feira dos [tag]Web Standards[/tag] em sua nona edição! Muitos links interessantes sobre [tag]CSS[/tag], uso de Padrőes no envio de e-mails, etc… Vale a pena dar uma olhada nessa lista:

  • CSS layout techniques – Trata-se de uma lista com referęncias para quem quer aprender mais sobre a construção de layouts em CSS e suas variaçőes.
  • Checklist para Web Standards – Esta página exibe um checklist, exibindo certos pré-requisitos que devemos obedecer para assegurar a qualidade do desenvolvimento de nosso site.
  • Microformats: The Fine Art of Markup – Para quem ainda não sabe o que são os [tag]Microformats[/tag], este link apresenta detalhadamente o que eles são e suas finalidades. Ah, claro, também pode-se fazer uma busca aqui pois já escrevi bastante sobre o assunto.
  • Email Standards Project Acid Test – A exemplo do Acid test original, este tem por propósito assegurar a qualidade de renderização dos diversos meios de visualização de e-mail disponíveis. Muito interessante esta iniciativa, já que ainda temos poucas possibilidade quando tratamos de Padrőes no envio de e-mails.
  • Fancy Form Design Using CSS – Este site exibe maneiras de construir seus formulários, utilizando código válido, com vários exemplos de layouts distintos.
  • CSS Panic Guide – Ótimo guia para os iniciantes em CSS. Exibe várias referęncias importantes e conceitos que não devem ser esquecidos; desde os fundamentos da linguagem, até as melhores maneiras para a construção de layouts.
  • CSS3: Cascading Stylesheets Tutorial and Reference Guide – Este site apresenta diversas referęncias de propriedades CSS, além de vários tutoriais.
  • Email Standards Project: Yahoo! Signs on 100%, GMail Bad – Artigo que analisa a conformidade do Yahoo e GMail com os Padrőes e mostra que, do lado do Yahoo, as coisas estão indo muito bem.
  • 22 Resources to Easily Create CSS Layouts – Lista de referęncias para construção de layouts em CSS. Bem interessante para aqueles que possuem dificuldades com layouts de várias colunas, líquidos, elásticos, etc.

Aproveitando este post, gostaria de desejar um Feliz Natal a todos que visitam e assinam os feeds do project.47. Que o Papai Noel venha bem gordo nesse ano!

Topo 20/12/07

IE8 passa no Acid2

Para quem ainda não conhece, o Acid2 é um teste feito pelo [tag]Web Standards[/tag] Project a fim de ajudar desenvolvedores e os próprios usuários, a saberem o quanto seu browser está adequado aos Padrőes.

Os poucos [tag]browsers[/tag] que passaram no teste foram o Opera, Firefox 3 (ainda bem Beta) e, pelo que podemos ver, o Internet Explorer 8, ainda em desenvolvimento, também passou no teste.

Isso representa um grande avanço e uma notícia muito importante para nós, desenvolvedores de sites, pois estamos acostumados a enfrentar problemas com o Internet Explorer a cada site produzimos. Felizmente essa novidade mostra que temos um futuro promissor com os browsers disputando cada vez mais sua fatia no mercado e, claro, isso tudo facilitará o nosso trabalho.

Parabéns ŕ Microsoft!

Topo 15/12/07

Sexta-feira dos Web Standards #8

Desta vez, a edição da “Sexta-feira dos [tag]Web Standards[/tag]” chegou um dia atrasada; peço desculpas a todos, mas a espera valerá a pena, pois a seleção de links dessa semana tem quantidade e qualidade! Então vamos a ela:

  • Iconize Textlinks with CSS – Este site oferece um CSS e pacote de imagens para aqueles que desejam inserir ícones em seus links automaticamente, através do [tag]CSS[/tag]. Uma aplicação muito interessante e fácil de ser utilizada.
  • 2007: More Web Design Trends & Cliches – Artigo que cita as tendęncias do [tag]Web Design[/tag] atual e, claro, alguns clichęs que acabam por surgir, devido ao novo estilo de Design proveniente, principalmente, da era “Web 2.0″.
  • 10 Usability Nightmares You Should Be Aware Of – Neste artigo são citados 10 tipos de erros em termos de [tag]Usabilidade[/tag] que não podem ser cometidos, para não comprometer a facilidade com seu site é acessado. Para muitos, alguns desses itens não são novidades, mas vale a pena frisar, pois este é um tema de suma importância para qualquer projeto, independente de seu tamanho.
  • CSS Rounded Box Generator – Este é um gerador de caixas com cantos arredondados, utilizando CSS. Para muitos esse tipo de recurso pode trazer muitos problemas, devido a seu grau de complexidade, então esse tipo de gerador pode ajudar não só com o código pronto, mas para sabermos como fazę-lo.
  • The most coolest web tools – Trata-se de uma lista enorme de utilidades, geradores, etc., direcionados para quem desenvolve sites. Pode ter muita coisa inútil, mas com certeza há ferramentas que auxiliam a deixar nosso trabalho mais prático.
  • Activating the Right Layout Mode Using the Doctype Declaration – Este site explica detalhadamente os tipos diferentes de layout (ex: Standards mode, no qual renderiza o CSS de modo correto, seguindo os Padrőes, e Quirks mode, no qual o browser se comporta como uma versão antiga, oferecendo certas limitaçőes ao desenvolvedor), de acordo com o doctype escolhido e em quais browsers são suportados.
  • Styleshout.com – Galeria de layouts prontos (de boa qualidade) e gratuitos, feitos via CSS. Esse tipo de site pode ser útil para aqueles que desejam aprender como fazer um determinado tipo de layout e, baixando um tema pronto, podem ver exatamente como pode ser construído.
  • A Preview of HTML 5 – Este artigo dá uma luz sobre a próxima versão do [tag]HTML[/tag] 5, mostrando alguns pontos interessantes que estão por vir, que prometem facilitar a vida do desenvolvedor e adicionar mais semântica ao código.
  • X/HTML 5 Versus XHTML 2 – Aproveitando o “gancho” do link anterior, este site fala um pouco mais sobre as diferenças existentes entre as próximas versőes do HTML e [tag]XHTML[/tag], respectivamente. Vale a pena darmos uma olhada e comparar os pontos fortes e fracos de cada um. Com certeza esse assunto ainda vai dar o que falar!
  • Maximum and Minimum Height and Width in Internet Explorer – Um dos grandes problemas que nós, desenvolvedores de sites temos, é a incompatibilidade do Internet Explorer 6 com determinadas propriedades CSS e, algumas delas são a max-width, max-height, min-width e min-height. Claro, há maneiras de se dar um jeito nisso e esse link nos dá soluçőes.
  • Embedding YouTube Videos as Valid XHTML 1.0 – Artigo que mostra como inserir vídeos Youtube em seu site de maneira correta, ou seja, deixando seu código XHTML 1.0 válido.

Bom, por enquanto é só. Tenho certeza que esse pequeno atraso fez valer a pena, pela qualidade dos links apresentados!

Topo 07/12/07

Sexta-feira dos Web Standards #7

Mantendo a tradição, chega mais uma sexta-feira e, com ela, a sétima edição da Sexta-feira dos Web Standards!

Separei alguns links interessantes, principalmente sobre [tag]CSS[/tag] com tutoriais, bons exemplos de Design e boas maneiras no desenvolvimento de formulários.

  • Wufoo – HTML Form Template & CSS Design Gallery – Site direcionado ŕqueles que desejam aprender mais sobre desenvolvimento de formulários, tanto na forma do código [tag]HTML[/tag] como na produção visual do mesmo.
  • Best of CSS Design 2007 – Como o nome diz, trata-se de uma listagem dos melhores Designs feitos com CSS durante este ano de 2007. Bela seleção que mostra todo o potencial que temos em nossas mãos, contradizendo aqueles que afirmam o fato de que “todo site feito em CSS tem cara de blog”.
  • Transparent PNGs in Internet Explorer 6 – Trata-se de mais um artigo explicando o funcionamento e soluçőes para a aplicação de PNGs transparentes no Internet Explorer 6.
  • 9 CSS Ethics Every Designer Should Have – Este artigo lista 9 boas práticas que podem agilizar e facilitar seu desenvolvimento em CSS.
  • Creating Sexy Stylesheets – Como o link anterior, este artigo dá várias dicas para melhorar a forma como escrever seu CSS e, realmente, coisas simples como estas podem ajudar muito no desenvolvimento de grandes projetos.
  • The All-Expandable Box – Tutorial que mostra, de maneira simples, como fazer uma caixa expansível (sombreada), até mesmo quando o usuário aumenta o tamanho da fonte.
  • CSS drop shadow – A exemplo do link anterior, este tutorial ensina como fazer caixas expansíveis com sombra, utilizando CSS.
Topo 05/12/07

Plugin Microformats para Safari

Para os felizardos que possuem Mac OS X 10.5 e não possuiam uma ferramenta a altura do Operator (extensão para Firefox), saiu uma boa opção: extensão Microformat para Safari.

Assim como no Operator, o plugin para Safari possibilita a detecção de [tag]Microformats[/tag] nos sites e fácil importação de hCards entre outros tipos de padrőes, facilitando a vida do usuário.

Links Randômicos
Meta
Apoio
Créditos
Creative Commons