Adicionar personalidade a um layout é o que todo designer deseja no momento de sua criação. Fazer o uso de “personagens” deixa em evidência a personalidade do layout. O site Function Web Design está disponibilizando gratuitamente um pack com alguns caracteres para personalização de layout. Todos estão em formato vetorial .eps.
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.
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
O Framework JavaScript jQuery nos oferece uma grande facilidade para manipular css na página de forma dinâmica. A única coisa que precisamos aprender é como acessar esses distintos elementos em nossa página web. Basta ter um pouco de conhecimento dos seletores que o jQuery disponibiliza: Seletores CSS, XPath, de formulário, mas os que você irá mais utilizar no seu dia-a-dia são os seguintes:
Elemento: foo
Todos os elementos que são do tipo foo. Exemplo:
$("div")
Seleciona todas as divs do documento HTML.
ID: #meuid
O elemento cujo o ID seja igual a #meuid. Exemplo:
$("#meuid")
Lembrem-se que os IDs nas páginas devem ser únicos, caso sejam repetidos, ele só irá pegar o primeiro elemento na página com ID citado.
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.
