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/04/06

Conceitos básicos sobre CSS

Não sei se a maioria é como eu, mas, quando surge um trabalho novo, fico muito empolgado com a parte do desenvolvimento do CSS e do XHTML.

Cada vez fico mais impressionado com as capacidades e facilidades da junção entre essas duas tecnologias.

Bom, para quem ainda não sabe, de acordo com os Web Standards, o CSS deve ser empregado na estilização do site, ou seja, na sua forma de apresentação propriamente dita. Antigamente, a maioria dos desenvolvedores Web tinham a impressão que essa tecnologia só servia pra colocar efeitos em links, barras de rolagem, etc. Hoje em dia, felizmente, isso está mudando.

Tecnicamente falando, com o CSS vocę deve:

  • Programar seu site de uma forma limpa (com o XHTML 1.0 Strict isso se torna obrigatório), sem forma alguma de estilização visual;
  • Utilizar as tags HTML corretamente, de acordo com seu significado correto (Ex: para títulos, usar ‹h1› ‹h2› e assim por diante);
  • Deixar toda a parte visual por conta do CSS (cores, bordas, fontes, espaçamentos, imagens de fundo…).

A princípio isso pode parecer chato, mas é totalmente ao contrário disso.

Continuar lendo…

Topo 27/04/06

Google pede para usuários do IE trocar para Firefox!

Com certeza essa é uma das melhores notícias para aqueles que trocaram o IE pelo Firefox. Ontem, dia 26/04, foi colocado um anúncio no Google Americano (visualizável apenas no IE) incentivando o uso do Firefox.

Para quem não consegue visualizá-lo, o site Spread Firefox publicou uma imagem da janela do site no Internet Explorer.

Parabéns ao pessoal do Google! =)

Topo 25/04/06

Visualização de site sem CSS

É importante sabermos como nosso site será visualizado sem a utilização da folha de estilos pois, em determinados dispositivos, o site é visualizado somente com o html “puro”.

Deste modo, o pessoal do WebJillion lançou uma ferramenta chamada IYHY no qual vocę digita o endereço do site que gostaria de visualizar sem o CSS e, em seguida, seu endereço fica armazenado numa lista. Essa característica é interessante pois, se vocę acessar este serviço através de um celular, por exemplo, todos os sites acessados estarão na lista e obrigatóriamente não carregarão a folha de estilos, independentemente do tipo de mídia para qual o CSS se destina (Ex: screen, print, mobile, etc.).

Topo 22/04/06

Problemas ao logar no Dreamhost?

Se vocę, assim como eu, enfrentou problemas para acessar o painel de controle do Dreamhost após atualizar seu Firefox para a versão 1.5.0.2, é só limpar os cookies que tudo fica normalizado.

Topo 20/04/06

Sombras com CSS

Este método ensina a aplicar sombras em suas imagens, através de CSS, de uma maneira bem flexível. Isso significa que vocę não precisa aplicar sombra em todas as suas imagens, é só colocá-las dentro da div e fazer como este tutorial (em inglęs).

Topo 20/04/06

Explorando o XHTML

No site molly.com saiu um artigo explicando, detalhadamente, a anatomia de um documento XHTML, desde suas especificaçőes quanto ao DOCTYPE, como algumas tags importantes.

Se vocę compreender inglęs, este artigo será de grande utilidade!

www.molly.com/anatomy-of-a-document/

Topo 20/04/06

Precisa de inspiração para criar seu menu com CSS?

Através do feed del.icio.us (18/04/2006) pertencente ao Tableless.com.br, descobri um site muito bom que possui uma espécie de galeria de outros sites com menus legais, que utilizam o CSS em seu desenvolvimento. Há, também, exemplos de várias técnicas para determinados tipos menus, sejam eles horizontais, verticais, dropdowns, etc…

Ah, obviamente vocę também pode contribuir com o seu menu =-)

Vale a pena! Com certeza dá pra tirar proveito, nem que seja somente para se inspirar e criar os menus para o seu site.

CSS Showcase | a gallery of css menus / css navigation tabs

Topo 18/04/06

A internet está preparada para os dispositivos móveis?

Com certeza, há alguns anos atrás não. Quando falo em termos da “internet estar preparada”, falo exclusivamente dos sites.

Isso é bem fácil de identificar pois, quando aconteceu o “boom” da internet (entre 99 e 2000 mais ou menos), surgiram muitos webdesigners que encontravam um verdadeiro dilema: devo desenvolver um site para ser acessível no Internet Explorer ou no Netscape? Lembro-me muito bem, ou seu site funcionava bem em um, ou em outro navegador. Raramente conseguia-se fazer um código que funcionasse realmente bem nos dois.

Com o surgimento das ferramentas visuais para desenvolvimento de sites, muitos profissionais da época esqueceram certas tags HTML importantíssimas e optavam por escolher algumas que conseguissem desempenhar a função visual apenas, despreocupando-se com a semântica do seu código.
Esse fato deve-se ŕ falta de preocupação dos desenvolvedores dos browsers em seguir os padrőes da W3C para haver coeręncia pois, na época, as bases desses padrőes ainda não estavam verdadeiramente solidificadas.

Deste modo, com a falta de um padrão para o desenvolvimento correto de websites, como haveria uma fácil acessibilidade em dispositivos móveis? Qual seria a certeza de que seu site pudesse ser visualizado num handheld, celular, refrigerador ou tv com acesso ŕ internet?

Felizmente, com o passar dos anos, os padrőes foram ficando cada vez mais populares e com o desenvolvimento de novos browsers (como o Mozilla Firefox), essa realidade começou a ser modificada…

Continuar lendo…

Topo 18/04/06

Os 10 melhores tutoriais de CSS

No blog do Cameron Olthuis saiu uma lista dos 10 melhores tutoriais de CSS.

Há alguns muito interessantes que utilizam CSS puro, sem o auxílio de JavaScript para funcionarem. Vale a pena dar uma olhada!

Topo 17/04/06

A cultura do povo brasileiro

Em sites como o Tableless.com.br e BlogBits está havendo um debate sobre o reflexo da cultura brasileira em nossos blogs.

E, coincidentemente, hoje estávamos comentando sobre algo parecido na faculdade. Tudo isso começou quando uma garota comentou o caso da “Bruna Surfistinha”, que está rica, aparecendo em vários programas de televisão (altamente educativos como o “Boa Noite Brasil“) e escreveu seu livro, também altamente educativo. De acordo com o que me foi contado, o livro retrata a vida dessa “nobre” moça, inclusive, com vocabulário e fatos detalhados.

Continuar lendo…

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