Antes que me atirem pedras, não fui eu o autor dessa frase, para aqueles que ainda não viram esse post, recomendo dar uma olhada no seguinte post: Why CSS should not be used for layout.
Já leram? Será que ele conhece o CSS Zen Garden para tirar esse tipo de conclusão? O que você acha disso? Deixe sua opinião aqui nos comentários.
Está no ar a versão 2008 do site 24 ways, e já temos 2 dicas. Para quem não sabe o que significa o site 24 ways, ele é um site desenvolvido pelos maiores profissionais do desenvolvimento web mundial, composto de 24 dicas para impressionar seus amigos.
O site já existe desde 2005, e os tutoriais se iniciam a partir do dia 1 de dezembro de e vão até o dia 24. Só uma dica, essa versão não está funcionando corretamente no Firefox 2, Opera, não testei no Firefox 3 , mas no Google Chrome, Safari e Firefox 3 (obrigado Eduardo Sarsur por me avisar via Twitter) funciona legal. Pode ser que eles irão corrigir isso.
Aqueles que são desenvolvedores sabem o quanto é martirizante ter que efetuar alguma alteração no arquivo CSS, mandar pro ar, dar um F5 ou CTRL + F5 para limpar o cache do navegador, esperar o browser baixar todo o site novamente para poder ver uma simples alteração efetuada no css funcionando. Agora imagine passar por isso com vários browsers abertos ao mesmo tempo? Você acaba perdendo um tempo precioso do seu dia com isso.
Mas como pra quase tudo na vida tem salvação, descobri recentemente uma forma de dar um reload no CSS da página sem ter que carregá-la totalmente, e ela se chama ReCSS. Basta adicionar esse JavaScript aos seus favoritos e executá-lo na página em que deseja:
javascript:void(function(){var i,a,s;a=document.getElementsByTagName('link');for(i=0;i<a.length;i++){s=a[i];if(s.rel.toLowerCase().indexOf('stylesheet')>=0&&s.href) {var h=s.href.replace(/(&|%5C?)forceReload=\d+/,'');s.href=h+(h.indexOf('?')>=0?'&':'?')+'forceReload='+(new Date().valueOf())}}})();
Andy Clarke, um dos gurus mundiais do CSS está lançando, juntamente com seu famoso livro Transcending CSS um DVD com 2 horas e meia de treinamento em CSS que se chama CSS Artistry: A Web Design Master Class. Podem ter certeza que em se tratando de Andy Clarke o conteúdo é de ótima qualidade. O conteúdo do DVD é focado em:
Abaixo uma prévia do que é encontrado no DVD:
Via Aprendiendo Web
Por padrão, todos os elementos HTML possuem um estilo incorporado, e isso varia de Browser para Browser, não existe um padrão. Com isso você pode passar por vários problemas ao tentar desenvolver CSS Cross-browser.
Para evitar esse tipo de problema, é aconselhável utilizar técnicas de CSS Reset, ou seja, inciar o CSS com todos as tags HTML sem qualquer estilo padrão definido pelo browser. Abaixo vou mostrar algumas técnicas, algumas desconhecias por alguns, outras já utilizadas por default por vários desenvolvedores.
James Donaghue desenvolveu recentemente um Framework, chamado Peppy que serve unicamente para selecionar os elementos de nossas páginas através de seletores CSS3. Sua velocidade em relação aos outros Frameworks é seu diferencial, chegando a desbancar outros Frameworks como Sizzle e Ext 2.2, sem falar de Mootools, jQuery, Prototype.
Nos testes executados, ele apresentou os seguintes resultados em relação os Frameworks mais conhecidos:
Referente a seu maior concorrente, Sizzle, ele apresentou os seguintes resultados:
Caso queira efetuar testes de velocidade com o Peppy em relação a outros Frameworks, é só dar uma olhada no Slickspeed, as velocidades podem variar de browser para browser.
Desenvolver menus drop down em CSS pode parecer inicialmente uma coisa fácil, mas você verá que terá problemas com browsers como o Internet Explorer 6 e menores, pois o mesmo não interpreta o comportamento :hover em todos os elementos HTML, somente quando implementado na tag a. Pensando nisso, Tomas Bagdanavičius desenvolver um Framework para criar rapidamente Menus Drop down com CSS.
Atualmente o Framework possui 15 versões de menu já prontos, todos são Cross Browser e só é necessário JavaScript para que os menus funcionem no Internet Explorer 6 e menores. Vejam o exemplo de um menu semelhante ao da Adobe criado com o Framework.
