thaysa.com

Esse post é dedicado à quem não vive sem o Google, como eu!

O Google, não é apenas um mecanismo de busca, ele possui diversos outros serviços que muita gente desconhece. 

Continue lendo: “Googleanos!”

Navegando pela internet achei um artigo maravilhoso que descreve perfeitamente como é um nerd.

Eu conheço TODAS essas características =P!

Está muito bom, vale a pena ler! O artigo se encontra aqui.

Boa leitura!

Você já viu uma cor em algum site que você gostaria de usar imediatamente em algum de seus projetos? Aqui eu costumo usar o Pixie para resolver esses casos, mas seria muito confortável poder usar uma ferramenta no próprio browser. Essa ferramenta existe, ao menos no Firefox, é só ativar a extensão ColorZilla e apontar para a área do site com a cor desejada, o ColorZilla vai analisar a área e retornar os valores RGB e HEX para que você possa usar em seus projetos.

Depois de “pegar” a cor com um duplo clique no eye-dropper uma palet vai se abrir onde você pode escolher diferentes tonalidades dessa cor, bem como copiar e colar os valores RGB e HEX para outras aplicações.

Poucos de vocês devem saber mas as regras CSS estão fazendo 10 anos e uma marca como essa é uma oportunidade para revisar alguns conceitos que ficaram para trás e quem sabe projetar as mudanças que virão. A poucos dias o pessoal do Webkit (núcleo de renderização do Safari, o browser da Apple) confirmou que vai se juntar ao Opera no suporte as Web Fonts, essa é uma notícia muito interessante e pode marcar o início da maior mudança na aparência das páginas pelo menos até a chegada do aguardado padrão CSS3 (mesmo que tardia). Muito provavelmente você deve estar se perguntando “O que são Web Fonts e porque eu deveria me preocupar com elas?”, e é claro que eu vou fazer uma breve explicação, afinal não teria graça se só eu entendesse o porque elas são sensacionais =P

Se você já visitou o CSS Zen Garden deve ter percebido que uma das coisas que mais impressiona nos layouts é a riqueza das fontes, infelizmente existem milhares de fontes disponíveis nos dias de hoje, mas quem trabalha com webdesign está limitado a no máximo 10 delas (é maravilhoso só poder usar verdana e arial…) que são as fontes que você pode ter certeza que o cliente tem instaladas, pelo menos no windows, são as chamadas fontes universais. Quem quiser layouts ricos como os do Zen Garden tem invariavelmente que apelar para imagens de background, o que é péssimo já que além do custo de carregar a imagem em sí elas não são adaptáveis no contexto da programação, é impossível alterar o texto de uma imagem por javascript por exemplo.

As web fonts vem para resolver esse problema, finalmente poderemos associar fontes diferentes através do CSS e rapidamente obter resultados como esses a partir do mesmo HTML.

Web fonts na prática:
Aqui está um exemplo de como a coisa funciona no código CSS:

@font-face {
   font-family: "Kimberley";
   src: url(http://www.princexml.com/fonts/larabie/ »
   kimberle.ttf)format("truetype");
 }
 h1 { font-family: "Kimberley", sans-serif }

A nova “tag” @font-face permite que uma nova font-family seja criada e associada ao contexto, e que um caminho para download da fonte seja apontado, uma mudança dramática na forma como pensamos formatação de texto hoje na Web. Infelizmente ter o aval de Opera e Safari (dois ótimos browsers) hoje em dia não quer dizer muito, vamos esperar para ver o suporte a esse recurso no Firefox 3 e quem sabe no Internet Explorer.

John Allsopp desenvolveu o XRAY, uma aplicação bookmarklet (você dispara através de um link salvo nos seus favoritos) que funciona como uma ferramenta para visualizar os elementos da página que você está acessando (semelhante a funcionalidades do Firebug no Firefox).

Funciona bem nas últimas versões do Safari e de browsers baseados na engine Mozilla (Firefox e Camino) mas ainda não foi adaptado para o Internet Explorer (usa o elemento canvas) e para o Opera.

CSSVista é um software free para Windows que permite aos web developers editar seus arquivos CSS e visualizar os resultados no Internet Explorer e no Firefox simultaneamente.

O software foi criado pela empresa Litmus, que já produzia uma ferramenta que permite o teste simultâneo de código de sites em diferentes engines de browsers.

Também chamado de Doctype, o DTD é uma declaração de tipo de documento utilizado em suas páginas HTML, colocado sempre em primeiro lugar na sua página. Ele é quem define o tipo de marcação que você deverá ou não utilizar, e é ele que diz para os browsers que tipo de documento ele tem que interpretar e como ele deve renderizar esse documento.

Achei um artigo muito bom sobre Doctype e é claro não poderia deixar de compartilhar esse conhecimento com vocês, descubra como o DTD funciona junto ao browser e porque nada do que você faz renderiza como deveria. Você vai ter uma supresa quando descobrir que o seu HTML da década de 90 já é passado!

Leia mais aqui.

Esse é um artigo em português bastante interessante sobre as listas $_GET e $_POST geradas automáticamente pelo PHP quando fazemos o submit das informações em um formulário, um conhecimento bastante útil que me permitiu fazer o script de envio de e-mails na seção contato.

Recomendo também a leitura do manual do PHP para melhor entendimento de como essas listas funcionam e como elas podem ser úteis, lembrando que PHP é uma linguagem server-side, ou seja, o interpretador está no servidor e dessa forma ganhamos possibilidades que não existem com Javascript, como acessar um banco de dados ou enviar um e-mail por exemplo.

Clique aqui para acessar o artigo e aqui para acessar o manual do PHP.