Uma dica rápida para aqueles que precisam aplicar CSS somente para o Google, a regra abaixo é válida e somente funciona no Google Chrome e Safari 3.1:
body:nth-of-type(1) p{
color: #333333;
}
Para obter mais informações, visite o site evotech.net.
Pouco a pouco os browsers já começam a dar suporte as novas funcionalidades das CSS3, está sendo assim com o Opera.
No artigo eles mostram como utilizar o pseudo-seletor nth-child, onde podemos criar tabelas estilo zebra somente com uma linha de CSS:
tr:nth-child(2n+1) {
background-color: #99ff99;
}
No seletor devemos indicar o número de linhas em que devemos aplicar o estilo, nesse caso, a cada 2 linhas começando na posição 1 (os valores iniciam com 0). Veja aqui um exemplo.
O site PSD Creativo, disponibiliza em PSD, vários desenhos para páginas de erro 404, para você que deseja personalizar o seu site, afinal, as páginas de erros sempre são deixadas de lado.
Os desenvolvedores interessados hoje me desenvolver para iPhone e iPod Touch podem ficar felizes pois Diego Martín Lafuente desenvolveu um framework para facilitar esse trabalho chamado: Universal iPhone UI Kit, onde você também pode ver uma prévia do Framework em funcionamento.
O Framework segue a linha de desenvolvimento de iUI, de Joe Hewitt, emulando uma aplicação nativa, evitando assim romper o perfeito equilíbrio que a Apple conseguiu em suas aplicações.
Graças a utilização do Safari no iPhone e no iPod Touch, você pode utilizar ao máximo os seletores CSS 3, juntamente com um XHTML dentro dos padrões, levando sua aplicação ao extremo em pouco tempo de desenvolvimento.
Se você já precisou posicionar elementos fixos na tela, com certeza já percebeu que esse tipo de posicionamento é falho no Internet Explorer 6 e menores, mas, como sempre existe uma forma de fazer as “coisas funcionarem” no IE.
Para que position:fixed funcione no IE6 e anteriores, faremos o uso de expressões proprietárias para converter fixo em absoluto:
#elemento_fixo {
position: fixed;
top: 100px;
}
* html #elemento_fixo {
position: absolute;
top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+100+"px" : body.scrollTop+100+"px");
}
Como podem ver, o elemento que possuir o id “elemento_fixo” sempre irá ficar posicionado a 100px do topo independente do scroll da página. Existem outras formas de se obter esse mesmo resultado, mas essa é a mais simples e com certeza a mais suja. Essa dica eu retirei do site: ceslava.com /blog.
Se você está a procura de ícones RSS para download, abaixo pode ver uma variedade deles, todos desenvolvidos pelo site Design-Freak, mas se nenhum dos ícones abaixo lhe agrada, pode fazer o download de 730 ícones RSS.
Nesse site você pode ver como a implementação de padrões nos diferentes browsers no mercado hoje em dia é essencial. A partir de simples paddings em elementos buttons, você pode ver que cada browser prefere seguir seu padrão, até mesmo o browser mais utilizado, em cada versão, renderiza os elementos de formas diferentes.
