Amanhã escrevo algo interessante sobre o design, estou com vários temas em mente, mas hoje vou postar apenas uma foto do meu mural de criações recentes aqui da agência…
Tem uma redesign do logo da empresa de aviação Diexim Expresso, tem loja para brinquedos com a Kidshopping, tem Kojima, tem Descarteangola, tem campanha contra SIDA, tem Lis, Liss e Sill. Todas empresas de Luanda.
As coisas na agência tomaram uma proporção que eu nunca ia imaginar… Trabalhando até tarde, de noite, de madrugada, muuuito trabalho mesmo…. Continuo estudando e sempre me atualizando no Design… Então, vou tentar dar mais atenção ao blog a partir de hoje, já que viajo sábado para o Brasil, vou ficar 30 dias lá e planejo postar pelo menos a cada 2 dias aqui, ou quem sabe diariamente?!
Que tal mudar o visual do seu twitter? Dar aquela personalizada geral nele?
O meu fui eu mesmo que personalizei manualmente, utilizei o mesmo plano de fundo do meu blog e o mesmo padrão de cores, mas você que não tem experiencia nesse ramo pode achar várias coisas legais por ai para dar essa implementada.
O twitter é uma ferramenta bem básica e simples de mecher, não há nenhuma dificuldade em mudar o visual do seu microblog, mas se você quiser dar uma diferenciadazinha dos demais e fugir dos “padrões do twitter” dê uma acessada na seleção de sites especializados nisso que eu separei abaixo.
Custom Twit > Muitos fundos prontos para serem colocados no twitter.
My Tweet Space > Um dos melhores, por que além de fundos ele lhe ajuda a personalizar as cores.
Twit Backs > Outros fundos
Twitter Patterns > Algumas texturas bem arrumadas para dar o tchan no plano de fundo do seu twitter.
BG Patterns > Outras texturas para fundo, você pode inclusive testar elas com uso de transparência
O que é o grid 960?
O GRID 960 é uma ferramenta em CSS (framework) simples que ajuda na padronização de layouts para web e depois corta em diriamos que 70% do trabalho da criação do seu CSS na hora de transformar aquele layout de PSD, Fireworks ou Illustrator para web. O grid 960 é dividido em 3 partes, TEMPLATES: que nada mais é do que essas barras para serem usadas nos programas gráficos de desenvolvimento de web mais famosos (Photoshop, Illustrator, Fireworks, Indesign, etc…) ; CODE: o código CSS que vai ser implantado na sua página web para ajudar no posicionamento e tamanho do conteúdo e a terceira parte opcional das SKETCH SHEETS: que são páginas de esboço para serem impressas com linhas de divisões para dar aquela esboçada no layout antes de partir para a criação do layout no computador.
O download do GRID 960 você encontra aqui (site oficial) ou então AQUI (link direto no meu FTP).
Como funciona no layout? (PASTA TEMPLATES)
Em primeiro lugar você tem que se decidir entre uma das duas divisões que se encaixam melhor no seu website, a divisão por 12 ou 16 colunas, calma, calma, não é necessariamente para ter 12 ou 16 colunas no site, o esquema é encaixar ele nesse perfil, onde as áreas de conteúdo comecem nos lugares exatos e as divisórias sejam do tamanho das linhas triplas que compreendem essas colunas. Não sei se expliquei bem, mas abaixo tem uma imagem para ajudar a entender melhor:
Observe que as colunas em escuro determinam o começo de conteúdo, e as colunas em branco marcam a divisão de conteúdo, mas você pode ter 3 “grids” de tamanho no conteúdo, ou 4 “grids”, mas obrigatoriamente tem que terminar a largura de seu conteúdo no encostar da coluna em branco, assim ela vai servir como divisória para o próximo pedaço de conteúdo.
Como funciona no CSS ?
Quando se vai desenvolver um CSS você anota quadrilhões de números referentes a altura e largura das imagens, textos e botões, pois pode ir parando por aí se você começou a anotar isso do seu layout. Aqui o maior número que você vai usar é 16 (se você escolheu o código de 16 colunas) ou 12 (se você escolheu o código de 12 colunas).
Primeiro e muito importante: Se você usar o template de 12 colunas, certifique-se de estar usando o CSS de 12 colunas, senão seu site vai ficar todo contorcido.
Segundo e mais importante ainda: Colocar os CSS do grid 960 na pasta correta e fazer referência no HTML para ir puxar o CSS como página de estilos padrão do arquivo.
É a partir desse encaixar de conteúdo que você fez na etapa anterior que você vai defnir a localização do conteúdo, o tamanho dele e a distância de um conteúdo para o outro. Como esse meu texto já está ficando bem grande e mesmo sem autorização concedida, estou postando um vídeo da ESTÚDIO SITE que ajuda na criação de Templates Joomla, mas que nessa video aula aborda exatamente como funciona o grid 960, assistam e aprendam mais sobre seu funcionamento.
Mas se você não é fã de vídeo-aula ou não gostou da aula do André da Estúdio Site, acesse aqui http://net.tutsplus.com/tutorials/html-css-techniques/prototyping-with-the-grid-960-css-framework/
Mas para esse tem que entender um pouquinho de inglês, mas realmente é um ótimo tutorial, completo para aprender tudo sobre essa ferramenta.
Estou desenvolvendo uma identidade visual e ingressos para uma festa com muuuuita cerveja aqui em Luanda, por enquanto não posso deixar vazar o nome da festa, mas em breve posto aqui.
Enquanto eu estava procurando fotos de cerveja e fazendo aquela análise de similares, vi um site com umas montagens legais em Photoshop, o Freaking News, escolhe um tema, posta uma imagem de alta resolução e abre as portas para os Photoshopeiros fazerem trabalhos baseados neste tema. Como por exemplo o tema “KISS the World” onde as pessoas podem escolher personalidades famosas e desenhar nela a máscara do cantor da banda de rock KISS.
Vejam os 3 melhores resultados desse tema e se gostarem favoritem essa idéia.
Já que entrei no clima vou postar outros resultado do concurso “Sem nariz, sem sombrancelha”.
Lembrem-se: http://www.freakingnews.com/
Quem cria para web, como eu, já deve estar cansado de ter que ficar restrito as 6 fontes comuns a todos os usuários, portanto acabei de descobrir e vim aqui para demonstrar o uso de uma ferramenta que promete quebrar esse tabu. A ferramenta chama-se:
O typekit é um aplicativo web 2.0 que promete através de configurações em seu CSS hospedar fontes on-line que podem ser redirecionadas através do seu site para dar aquela diferenciada nas fontes. No site estão disponíveis a versão paga e a versão free. A diferença da paga para a free é a quantidade de fontes disponíveis, nada mais.
Para quem quer ver o recurso em funcionamento antes, é só acessar ao site:
Meu blog ficou fora do ar esses últimos 10 dias, com certeza perdi os poucos mais frequentes visitantes que tinha… Espero conquistar outros com postagens mais frequentes e com muita novidade. Problema de pagamento de servidor, não por falta de dinheiro e sim pela dificuldade de se estar no exterior e efetuar um pagamento de um boleto bancário, tive que recorrer ao internet banking do Banco do Brasil e depois esperar a boa vontade do meu “provedor de serviços” de reativar minha conta…. Enfim, agora está tudo funcionando bem.
As meninas e crianças adoram esses bonequinhos fofos e arosados, mas alguns animadores tornam ele uma sensação da comédia negra, os bonequinhos a primeira vista parecem tão amigáveis e bonitinhos, com vozes infantis e encantadoras, até que algo bem brutal aconteça, aí é sangue para todos os lados, tripas e outras brutalidades. Essa grande divergência é o que caracteriza as animações do Happy Tree Friends.
Fuçando pela internet procurando alguns complementos para seu site? Um contador de visitas com gráficos? Quer saber quanto tempo cada usuário fica no seu site? Que páginas são mais acessadas? Quer checar se seu index está tudo ok? Quer ver viabilidade de domínios? Quer ver a popularidade dos links? Quer ver a localização de um IP específico? Quer ver o pagerank da sua página? Quer ver o status do seu servidor? Quer mandar um e-mail anônimo? Ferramentas do Adsense do google? Quer gerar meta-tags?
Pois ache tudo isso em um só site:
Fizeram uma redublagem de um clipe cantado do glorioso desenho animado “O Rei Leão”, o mais incrível foi como foi bem feita a redublagem, ficou muito bem feita mesmo, parabéns aos sincronizadores desse vídeo.
