Recentemente tenho recebido uma enchorrada de e-mails e mensagens no Twitter pedindo a indicação de livros sobre HTML5 e CSS3. Com base nisso resolvi escrever esse post para deixar claro para as pessoas que “ainda” não existem livros sobre o assunto, mas por que?
Após 1 anos e meio com um layout que não me agradava muito, resolvi abrir o Photoshop e botar o lado criativo em prática, que aliás anda enferrujado.
Sim, isso mesmo, desenvolvi um layout para meu site pessoal em HTML5 + CSS3, ou vocês acham que é só o Tableless que pode fazer isso?
Se você sofre de Epilepsia fotosensitiva, tem algum tipo de repulsa ao visitar sites com vários gifs animados, por favor, não continue a ler esse post, pois ele tem a intenção de mostrar os piores sites do mundo na questão design, programação, usabilidade e o que mais couber. Agora, se você é do tempo do design do Guaraná com rolha, vai se deliciar.
E para iniciar a série, um clássico que para quem me segue no Twitter já conhece:
O Firebug é uma extensão para o Firefox que auxilia no desenvolvimento web na edição do CSS, HTML, DOM, JavaScript, Ele foi desenvolvido por Joe Hewitt, um dos criadores do Firefox e em conjunto com outros plugins, como o YSlow você tem uma completa suíte de desenvolvimento e análise de performance de websites.
Aqueles que utilizam o Firebug a primeira vez com certeza não conseguem largá-lo mais, aliás, hoje em dia não existe mais desenvolvimento web sem o uso do Firebug. Caso você nunca tenho ouvido falar do Firebug, vou deixar aqui um vídeo criado por Kristarella mostrando os primeiros passos com Firebug na edição do CSS:
Via: CSSBlog.es
Estreou essa madrugada a nova home do Twitter, e pra você que ainda não sabe o que é o Twitter, ele é uma comunidade de amigos e pessoas desconhecidas que mandam updates, flashs do que elas estão fazendo no momento ou o que elas querem que você preste atenção. Aliás, seu principal slogan é: “O que você está fazendo?”. Foi criado em 2006 e hoje tem cerca de 55 milhões de visitantes por mês.
Desenvolver sites para celular nem sempre pode ser uma tarefa fácil pois você não encontra tão facilmente guias de referência na internet como encontraria para HTML, CSS e outras linguagens. Pensando em auxiliar os desenvolvedores vou deixar aqui uma lista com algumas ferramentas para auxiliar no desenvolvimento de sites para celular:
MobiReady é uma app gratuita que avalia a sua aplicação utilizando as melhores práticas e padrões da indústria dando uma nota de 1 a 5 para a sua aplicação.
Desenvolver um menu drop down em CSS que funcione em todos os browsers, incluíndo o Internet Explorer 6, não é uma tarefa fácil, mas hoje vou mostrar aqui uma forma de fazer um menu drop down somente com CSS, sem a utilização de JavaScript e crossbrowser. Vejam uma prévia do menu final.
Para aqueles que não sabem, o Internet Explorer não interpreta o :hover corretamente (digo a versão 6), ele só interpreta o :hover na tag “a”, com isso você não consegue criar o menu drop down somente com CSS, precisa do JavaScript somente para o IE6 para que funcione corretamente.
Um exemplo de uma função em JavaScript utilizada para criar menu dropdown é essa:
