Nova home do Twitter

Postado por: Pedro Rogério em
Twitter e sua nova home

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.

Continuar lendo »

Mobile Phone Development Tools

Postado por: Pedro Rogério em

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

Mobiready

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.

Continuar lendo »

Ultimate CSS only drop down menu

Postado por: Pedro Rogério em

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:

Continuar lendo »

Colunas com alturas iguais em CSS

Postado por: Pedro Rogério em

A algum tempo atrás recebi um e-mail de um leitor aqui do blog me perguntando se conhecia alguma solução para colunas com alturas iguais em CSS, acabei mandando pra ele uma solução em jQuery, mas depois lembrei que conhecia uma solução bem simples utilizando CSS puro, que encontrei aqui no CSSBlog.es. Você pode atingir esse mesmo efeito com a utilização de JavaScipt, mas não atingiria aqueles usuários que não navegam com o JavaScript habilitado por necessidade ou por opção. Recorrer a tabelas? Nem pensar.

Colunas com alturas iguais em CSS

Imagem retirada do site de Matthew James Taylor

A solução para conseguir colunas com alturas é que o conteúdo de pelo menos uma delas deve ser maior do que todas as outras, fazendo com que a coluna com menor conteúdo acompanhe as outras em paralelo.

Continuar lendo »

W3C Redesign

Postado por: Pedro Rogério em

O W3C tem a missão de levar a World Wide Web para o seu pleno potencial através do desenvolvimento de protocolos e orientações que assegurem o crescimento a longo prazo da web, e hoje foi lançado uma versão beta do redesign do seu site.

Analisar o código HTML e o CSS é uma boa aula de boas práticas e semântica, e por falar em boas práticas, aproveitem para dar uma olhada no CSS, vejam que ele é todo inline as propriedades são declaradas em linha, muita gente fala que escrever CSS dessa forma é perda de tempo, mas eu particularmente só escrevo CSS dessa forma e aconselho vocês a segui-la também.

Abaixo você pode ver um vídeo com as partes chave do redesign do site do W3C:

Mais informações: W3C Q&A Weblog.

Páginas:«1234567...25»