Htaccess sem neura

28 de março de 2011, 17:24 | Postado em Cookbook, Desenvolvimento

Os arquivos .htaccess oferecem um meio de fazer mudanças nas configurações do diretório. Um arquivo, contendo uma ou mais diretrizes de configurações, é colocado em um diretório em particular, e as diretrizes se aplicam para aquele diretório e todos os seu subdiretórios subseqüentes. No geral, se usa arquivos .htaccess quando você não tem acesso ao arquivo de configuração principal do servidor.

O modelo abaixo é uma coleção de dicas para otimização de performance, de fácil entendimento e manipulação, não prescreve nenhuma filosofia, apenas auxilia o desenvolvimento.

Continue Lendo

Google Font API, Como Usar.

26 de maio de 2010, 16:39 | Postado em Cookbook, Desenvolvimento

Durante o Google I/O 2010, a Google lançou seu diretório com fontes para web em alta qualidade para você usar através da Google Font API.

A Google Font API foi criada para auxiliar o uso de fontes em qualquer página web e independente do navegador que é usado. Veja algumas vantagens da Font API:

  • Economia de Banda;
  • Fácil de usar;
  • Suporte para estilos;
  • Não é necessária a conversão para o formato suportado pelo IE;
  • Fontes Open Source;

Desvantagens:

  • Pouca variedade de fontes, por equanto;

Continue Lendo

Reconhecendo o iPad na Web

9 de abril de 2010, 10:51 | Postado em Cookbook, Mobile

Oi pessoal, tudo certo? Tivemos, recentemente, o lançamento do iPad no mercado e agora com todo o alvoroço gerado pelo dispositivo, está na hora de começar a criar versões dos nossos sites e aplicativos que rodam via Browser, para o iPad.

Básicamente, o que vamos fazer é detectar o userAgent e encaminhar a resposta para o usuário.

userAgent

O userAgent fornecido pela Apple para o iPad, gerado pelo simulador é:

Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko)  Version/4.0.4 Mobile/7B334b Safari/531.21.10

no modo iPhone:

Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.20 (KHTML, like Gecko) Mobile/7B298g

Com o userAgent em “mãos”, agora podemos reconhecer se o usuário está usando o iPad e dizer o que fazer.

Continue Lendo

Instalando o Photoshop CS4 no Linux

4 de abril de 2010, 10:12 | Postado em Cookbook, Tech

Oi Pessoal, tudo bem? Vamos lá, acho que o maior obstáculo para os desenvolvedores web front-end migrarem para o linux é o danado do Photoshop, mas seus problemas acabaram AGORA!

Antes de dizer o que fazer e como fazer, quero dizer que você não precisa depender do Windows, basta querer e adaptar-se, o mais próximo que tenho do Windows é o Wine, nada de VirtualBox ou dualboot. Em breve vou escrever um post sobre isso, vamos ao que interessa agora.

Introdução

Vamos precisar do Wine e a versão do Photoshop CS4 que vamos usar é a Lite. Lembre-se, você é um desenvolvedor front-end e não um designer gráfico, a versão lite vai suprir todas as suas necessidades.

Existem alguns bugs conhecidos ao rodar o CS4 no Wine, como os botões de fechar não funcionarem, crash ao carregar arquivos .psd complexos, fontes serrilhadas e crash ao selecionar a ferramenta de texto, porém, comigo isso não aconteceu depois que instalei a última versão do Wine, portanto leia com atenção e certifique-se que a sua configuração vai estar o mais próximo possível da que foi usada nesse tutorial.

Wine 1.1.41 (development release)
Ubuntu 10.04 Beta 1
Photoshop CS4 Lite v11.0

Continue Lendo

HTML 5 na prática, Canvas – Parte 1

1 de abril de 2010, 18:02 | Postado em Cookbook, html5

Oi pessoal, tudo bem? Hoje quero mostrar o HTML 5 na prática, nada de teorias sobre novas funcionalidades e especifícações, vamos ao que interessa.

INTRODUÇÃO

canvas é um novo e poderoso elemento entre as inúmeras novas funcionalidades do HTML 5. Com o canvas você consegue de maneira fácil criar gráficos, composições de fotos e animações usando JavaScript. Pense em um bloco de notas, cada folha é um elemento canvas onde você pode usar um contexto diferente, utilizando ou não API’s para fornecer funcionalidades de desenho.

Nesse tutorial vou tentar passar um pouco de como implementar um contexto de canvas 2D em seu código HTML, é requisito que você conheça o básico de JavaScript.

Com a chegada do Internet Explorer 9, todos os grandes navegadores já tem suporte para canvas em suas versões mais atuais, se o seu navegador está desatualizado, aproveite agora para atualizar.

Continue Lendo