Pixelaholic

Já há algum tempo os browsers baseados em webkit aceitam transformações do tipo Skew, Rotate e Scale. Com a chegada do Firefox 3.5, que aconteceu ontem, os browsers baseados em geckos também estão aceitando. É redundante dizer isso, mas o Internet explorer não aceita nenhuma dessas instruções. Fiz um tutorial que usa ...

O ilustrador brasileiro Ricardo Gimenes, teve uma idéia fantástica, e começou a criar caricaturas sobre o que há por trás de websites famosos, o projeto chama Behind the websites. São várias ilustrações muito engraçadas sobre sites como google, facebook, RIIA, Apple, GM, twitter, The Pirate Bay e etc. Alguns nacionais também ...

O que usar e o que não usar das css3, isso depende de uma analise do público de seu site, se a maioria usar browsers ultrapassados muitas propriedades e seletores não surtirão efeito. Para nos ajudar nessa tarefa o site westciv.com/wiki mantem uma tabela de propriedades e seletores, e em quais ...

Imagem animada estilo gif mas com qualidade do  png? É o que faz o chamado Apng (Animated Portable Network Graphics). Como sempre, existem browsers que não rodam, o internet explorer (como sempre), e os baseados em webkit (safari e chrome). Para fazer um apng é bem simples, crie um arquivo.zip com uma ...

Fazer uma lista de parâmetros que você vai usar durante o projeto todo, pode te ajudar a economizar tempo, e evitar voltar ao começo do código. Para browsers baseados no Webkit (chrome, safari, etc) podemos usar variáveis de maneira bem simples, apenas declarar e chamar quando necessário, como no exemplo abaixo:

Já imaginou você ter que procurar e digitar o nome de todas as cidades de nosso pais durante o desenvolvimento de um projeto? Não valeria a pena tudo isso, apenas para dar a opção do usuário escolher a cidade, ao em vez de digita-la. Para facilitar o trabalho de quem não deixaria ...

Já pensou se você pudesse escolher o domínio que quiser, quase sem ter que se preocupar se ele já esta registrado? Estes 100 felizardos puderam fazer isso, veja a lista e a data dos registros, será que eles fizeram boas escolhas? O que você escolheria?

Apesar do público desse blog certamente saber o que é "Lorem ipsum dolor" vou fazer uma breve explicação sobre o que é para os que por ventura não sabem oque é esse clássico do Design. O que significa? Lorem Ipsum, também apelidado por Lipsum, é um texto muito usado por designers, webdesigners ...

Smush It! é uma ótima ferramenta que torna fácil e rápido a diminuição do tamanho de imagens. Segundo o criador (Yahoo!), a ferramenta não afeta a qualidade visual das imagens. O Smush It! reduz o tamanho do arquivo efetuando os clássicos ajustes no número de cores, e removendo alguns metadados dos ...

Mudamos nosso layout, se você estiver lendo pelo feed passa por aqui para dar uma olhadinha em como ficou, fique avontade também para comentar dando sua opnião. Nossa idéia principal foi deixar o conteúdo em evidencia, removendo a lateral e a maioria das cores do layout antigo!

Essa semana tive que vetorizar a logo do twitter para um projeto que estou participando, a fonte usada no logo do twitter apesar de parecer muito com algumas fontes já existentes, é uma fonte própria. Vetorizar uma logo é algo bastante fácil e importante de saber fazer, mas economizar tempo é ...

O site Card Observer, é como um We love wp dos cartões de visita, nele você pode conferir o que de melhor está sendo desenvolvido no ramo. Para quem está procurando inspiração para um trabalho, ou para quem está querendo saber qual é a tendência em questão de cartões de visita ...

Fuçando no código do Jquery (custom.js)  encontrei uma função com o nome konami, e logo acima um Hehe, que me chamou atenção. Veja: Vendo a linha " var kkeys = [], konami = "38,38,40,40,37,39,37,39, 66,65 " imediatamente associei a " ↑ ↑ ↓ ↓ ← → ← → B A " clássico ...

Existe várias maneiras de você monitorar onde seus leitores clicam, vou citar apenas duas aqui, uma para wordpress e totalmente grátis, e uma profissional para uso em qualquer tipo de site porém paga, com certeza há várias outras soluções, eu testei essas duas e gostei dos resultados, na verdade, não ...

A automattic acaba de lançar a Wordpress.tv onde você poderá encontrar tutoriais sobre os produtos  e serviços da marca. Já existem alguns vídeos, e segundo este post, teremos em vídeo além de tutoriais, entrevistas com os desenvolvedores do wordpress e com blogueiros, além de cobertura de de eventos como a ...

Você faz seu próprio WordPress Theme? Um layout exclusivo é essencial para um blog que pretente chegar em algum lugar, deve ser péssimo conhecer um blog com layout quase idêntico ao seu e não poder fazer nada, já que o tema não é exclusivo. Se você também desenvolve themes para wordpress ...

Apesar de alguns navegadores não se adequarem a evolução das linguagens, nós que desenvolvemos precisamos sempre evoluir, cada vez mais as css3 estão sendo usadas em layouts de grandes sites. Colocarei alguns dos códigos css3 que testo aqui, o primeiro será o responsável por exibir cantos arredondados. Você já pode ver em ...

O uso de memória pelo firefox, muitas vezes é alto, no entanto ele está relacionado a algumas variáveis, como hardware, OS, extensões e temas instalados, e claro a quantidades de abas que você utiliza. Algumas dicas ajudam a diminuir esse consumo alterando algumas configurações padrões, existem várias, vou listar aqui as ...

Integrar a busca ao browser não é mais apenas adicionar o campo de busca na barra de navegação, essa extensão do Firefox torna as buscas mais fáceis e dinâmicas. Você precisa apenas arrastar e soltar (dentro do próprio browser) uma palavra, nome, frase ou até mesmo imagem e vídeo, que na ...

Os mais importantes autores de plugins para wordpress estão listados a baixo, pessoas brilhantes que criam ferramentas e compartilham com os demais usuários de WordPress gratuitamente. A lista é ordenada pelo número de downloads a partir do diretório plugins do WordPress.org e foi divulgada originalmente pelo blog w-shadow.com Michael Torbert Co-autor do All ...

Pixelaholic, é um blog sobre webdesign, um verdadeiro "pixeloatra", aqui postarei sempre as novidades do ramo gráfico e webdesign, tentando sempre dar enfase as ferramentas de desenvolvimento, e atalhos para se chegar mais rápido a um bom resultado. Também farei a lista apelidada de "Woooww!!" essa lista trata-se de um degustação ...