O que ganhamos com o fim do suporte ao IE 6

Com o recente anúncio da Microsoft dando conta de que o Internet Explorer 8 será distribuído automaticamente via Windows Update, inclusive para usuários do IE 6, muitos já estão pensando nos benefícios que tal atualização em massa trará para os Web Designers.

A Sitepoint, conhecida por seus livros, tutoriais e artigos na área de Web Design enumerou 10 ganhos que teremos abandonando definitivamente o suporte ao IE6. Entre eles, destacam-se a simplificação do código CSS pela remoção dos famosos “hacks” para contornar comportamentos indesejados no browser e a possibilidade da utilização de idiomas mais modernos presentes nas versões 2 e 3 do CSS.

É uma boa hora para rever quais desses idiomas podem ser incorporados à estrutura do seu layout, pois podem surgir boas idéias para refatorações que vão deixar o código mais limpo e, consequentemente, com melhor mantenabilidade.

Link deste post
Tags: CSS, Design, ie6, Linux, Navegadores

A Guerra dos Browsers continua

No século passado a briga havia terminado, o Internet Explorer (IE) foi capaz de aniquilar seu concorrente Netscape.

De lá para cá, houve um grande hiato e, por causa disso, o desenvolvimento do IE praticamente estagnou. Foi quando surgiu o Mozilla Firefox, reminiscente da tecnologia da antiga Netscape, que literalmente renascia das cinzas para se tornar um concorrente muito voráz. Frente a isso, a Microsoft retomou o desenvolvimento do IE e lançou o IE 7 que deixou muito a desejar e está atualmente engajada no IE 8, que também ainda não está empolgando muito a comunidade desenvolvimento.

Na versão 3.0, o Firefox é hoje o browser de escolha da maioria dos programadores sérios. Mas nesta década temos mais uma reviravolta. Uma tecnologia que veio do desenvolvimento do KDE (um dos ambientes gráficos de plataforma Linux mais usados) surgiu o KHTML que depois se tornou o WebKit, o motor por trás dos browsers Safari e Google Chrome. O WebKit está se tornando também o motor mais usado em smartphones como é o caso do iPhone e inclusive do Google Android.

Portanto, na realidade, a disputa de inovação agora acontece no mundo open source, e o ritmo não é de aniquilação e sim de real procura por melhorias contínuas. Firefox, Safari e Chrome estão em busca da melhor virtual machine Javascript, de se tornarem 100% compatíveis com o ACID3, uma das formas de se chegar a uma plataforma uniforme de Javascript, CSS, HTML. Nisso todos eles, com exceção do IE, já chegam muito próximos.

Além disso, com o caminho aberto por tecnologias como o Google Gears, todos os navegadores open source já estão em busca do novo padrão HTML 5 onde uma das funcionalidades é um banco de dados local, permitindo coisas como caches mais avançados, possibilidade de trabalhar desconectado da Internet e depois sincronizar os dados de volta aos servidores. As possibilidades são inúmeras e eles estão todos indo nessa direção. Além disso o HTML 5 deve levar a uma maior separação entre Markup (XHTML), Estilo (CSS) e comportamento (Javascript), incluindo uma experiência mais rica.

Principalmente se você é um programador, acompanhe esses desenvolvimentos de perto, pois eles representam de fato o futuro das tecnologias Web. Há muita coisa nova por vir ainda.

Link deste post
Tags: CSS, Design, Navegadores

Propriedades do CSS1 ao CSS3

O site meiert.com criou um índice de atualização permante contendo a maioria das propriedades disponíveis no CSS1, CSS2, CSS2.2 e CCS3.

Essa é uma excelente fonte de consulta, aproveite!

Acesse: CSS Properties Index

Link deste post
Tags: CSS, Design

Transforme "px" em unidade relativa "em"

Você que trabalha com CSS pode utilizar dois tipos de unidade de medida, as Unidades Relativas e as Unidades Absolutas.

Para as Unidades Relativas existem os point (pt), pica (pc), milímetro (mm), centímetro (cm) e polegada (in). Essas medidas são definidas em relação ao equipamento que estamos utilizando (monitores em diferentes tamanhos, celulares, palms, smartphones, entre outros).

Nas Unidade Absolutas, existem os pixels (px), porcentagem (%), ex e em. Essas unidades, em especial o “em”, quando utilizadas como propriedade da fonte (font-size) são definidas por herança.

Existe uma ferramenta online chamada Em Calculator que pode ajudá-lo a transformar pixel em unidade relativa “em”.

Exemplo do código CSS:

body {
font-size:16px;
}
p {
font-size:0.75em;
}
p a {
font-size:0.83em;
}
div {
font-size:0.75em;
}

Acesse: Em Calculator

Link deste post
Tags: CSS, Design