Marcelo Torres

Entradas categorizadas em ‘Cores’

Atualização do tema “brblack”

30/04/2009 · Deixe um comentário

screenshot1

Notas de Atualização:

arquivo style.css


  • linha 33 #tag pre:
    adicionado: overflow:scroll;

Ooverflow:scroll; faz com que todos os textos  que contenha a tag <pre> fique dentro de uma caixa com barra de rolagem, fliundo o texto para que o memso não exceda os limites da div pai.


  • linha 37 #seletor container:
    adicionado: background: #fff url(“images/dobra_baixo.png”) bottom left no-repeat;

Correção da “dobra de baixo” do desenho do tema, antes estava dentro do seletor #conteudo, fazendo com que seu posicionamento ficasse errado, referente a quantidade do volume de informação do post.


  • linha 50 #seletor navegation:
    retirado – width:90px;
    adicionado – padding:0 10px;

Retirei o Width:90px;, porque não estava fluindo textos que ocupasse um volume maior que 90px.


e também a retirada dos espaços em branco deste mesmo arquivo foi realizada afim de deixa-lo mais  “leve” no carregamento da página.


Novo link do tema em português:
http://www.4shared.com/file/102729844/23ded98d/brblackptbr16.html

A versão do tema em inglês continua no mesmo link e atualizados:
http://wordpress.org/extend/themes/brblack

Categorias: (x)html/css · Cores · Tableless · Web Standards · WordPress · brblack
Etiquetado: , ,

Firefox e seus Addons super úteis! #4

23/01/2009 · 1 Comentário

Continuando a “saga sem fim” dos addons para Firefox, nesse 4ª “episódio” mostrarei mais 3 complementos interessante para turbinar sua raposa, lá vai então:


Thumbstrips:
Esse addon, armazena na parte inferior do seu Firefox todo o histórico de visitação das paginas com thumbnails(imagem em miniatura), ordenadas por tempo e com a opção de filtro, busca, bloqueio de site. Resumindo o Thumbstrips é como um historico, mas com a opção de pré-visualizar as ultimas páginas, com mais rapidez e precisão.

Como usar?

Para acessá-lo e/ou escondê-lo, basta clicar no icone que fica na parte direita da barra de status.


Flashblock

O Flashblock é muito util para usuários que não tem internet banda-larga, pois como o próprio nome diz, ele bloqueia todo conteudo em flash que está na página, evitando assim o carregamento desnecessário do mesmo, e consequentemete diminuindo o tempo de carregamento da página.

Como usar?

Para visualizar o conteudo basta clicar sobre o logotipo do flash, que se encontrará no lugar do flash bloqueado.


ColorZilla

O ColorZilla permite capturar qualquer cor de uma página, ele disponibiliza o código em HSV, RGB e Hexadecimal, bem util para nós que sempre buscamos aquela tonalidade perfeita!

Como usar?

Para capturar a cor, basta clicar no icone do lado esquerdo da barra de status(onde tem um conta-gotas) e depois clicar no local desejado, feito isso clique 2 vezes novamente no icone, que aparecerá uma paleta com a cor selecionada e as cores semelhantes, além é claro dos códigos das cores.


Veja Também:

Firefox e seus Addons super uteis! #3
Firefox e seus Addons super uteis! #2
Firefox e seus Addons super uteis!

Categorias: Cores · Design · Navegadores · Software-Livre
Etiquetado: , , ,

Currículo dos Padrões Web

16/11/2008 · Deixe um comentário

Estava dando uma passada, no Revolucao.etc, e me deparei com uma postagem muito interessante: “Currículo dos Padrões Web”, o Danillo Nunes está fazendo um trabalho magnifico traduzindo o curso de padrões Web oferecido gratuitamente pela Opera Software, cujo objetivo é ensinar e incentivar a prática do desenvolvimento web de forma correta. Já fora traduzidos 3 artigos, de um total de 39 publicados em inglês.
Então, como disse o Henrique Pereira(Revolucao.etc) vamos incentivar/ajudar o Danillo Nunes a continuar seu trabalho.

Segue o Link: Tradução do “Currículo dos Padrões Web”, por Danillo Nunes


Categorias: Acessibilidade · Cores · Desenvolvimento · Design · Tableless · Tutoriais · Web Standards
Etiquetado: ,

Como enlouquecer um designer em 8 passos…

10/01/2008 · 1 Comentário

…Encontrei esse texto no link: http://www.andafter.org/publicacoes/223.asp, seu post original está nesse link: http://groy82.blogspot.com/2007/03/8-ways-to-drive-graphic-designer-mad.html (em inglês), quando pegar meu 1º cliente espero que ele não faça isso comigo…

1- Microsoft Office
Quando você tiver que mandar um documento para um designer gráfico, certifique-se que ele foi feito com algum programa do Office. Versão PC se possível. Se você tiver que mandar figuras, você terá mais chances de enlouquecê-lo; ao invés de apenas mandar um jpeg ou um raw de câmera digital, insira as figuras em um arquivo de Office como o Word ou Powerpoint. Não se esqueça de baixar a resolução para menos que 72 dpi, assim eles terão que contatar você novamente para pedir uma versão com a qualidade melhor. Quando você mandar a versão “melhor”, certifique-se que o tamanho seja no mínimo 50% menor. E se você estiver enviando as figuras por e-mail, esqueça de anexá-los de vez em quando.

2- Fontes
Se o designer gráfico escolher Helvetica, peça Arial. Se ele escolher Arial, peça Comic Sans. Se ele escolher Comic Sans, ele já está 50% doido, então seu trabalho está 50% pronto

3- Quanto mais melhor
Suponhamos que você precise de um designer para um jornal. Designers gráficos vão sempre tentar deixar espaços em branco em qualquer lugar. Margens largas, o alinhamento, o kerning do texto, etc. Eles vão dizer que eles fazem isso para facilitar a leitura e manter um visual limpo e profissional. Mas não acredite destas mentiras. Eles fazem isso para deixar o documento ainda maior, com mais páginas, e isto lhe dará mais prejuízos com a gráfica. Por que eles fazem isso? Porque designers gráficos odeiam você. Eles também comem bebês. Sem cozinhar, carne de bebê crua.
Então certifique-se de lhes pedir para colocar margens menores e um texto muito pequeno. Diferentes tipos de fonte também são uma boa pedida (e você ganha bonus se pedir Comic Sans, Arial ou Sand). Peça clipart. Peça muitas figuras (se você não sabe como mandá-las, veja o item 1). Eles vão tentar argumentar e defender as escolhas deles mas não se preocupe, no final, o cliente está sempre certo e eles irão acatar todos os seus pedidos.

4- Logos
Se você tiver que mandar um logo de um projeto particular para um designer gráfico, de um patrocinador ou parceiro por exemplo, certifique-se de que ele seja realmente pequeno e um gif ou jpeg de baixa resolução. Novamente, você ganha pontos se inseri-lo em um documento Word antes de mandá-lo. Agora você deve estar pensando que isto tenha sido suficiente mas se você quiser mesmo abalar a estabilidade mental de um designer gráfico, dê o seu melhor e mande uma versão do logo com um fundo que dificulte o seu recorte. Fundos pretos ou brancos devem ser evitados, já que são facilmente cortados com um layer style mais escuro ou mais claro no photoshop. Uma vez que o designer gráfico estiver trabalhando em um logo bitmap, diga-lhe que você precisa dele maior.
Se você precisa de um logo customizado, faça os seus próprios rascunhos em um guardanapo. Ou melhor ainda, deixe seu filho de 9 anos desenhar isso. Seu rascunho não pode demorar mais que 5 minutos para ficar pronto. Você não quer algo detalhado e fácil de ser entedido, porque quanto menos um designer entender o que você quer, mais mudanças ele terá que fazer no futuro. Nunca aceite o primeiro logo. Nunca aceite o nono, faça-o fazer várias mudanças, cores, fontes e clipart. Peça-lhe para adicionar uma foto no logo. Cantos. Gradientes. Comic Sans. E quando ele estiver em sua décima tentativa, diga-lhe que você gostou mais da segunda. Eu sei, isso é cruel, mas lembre-se: designers gráficos são a causa do câncer de mama entre as mulheres de meia-idade.

5- Escolhendo suas palavras
Quando estiver descrevendo o que você quer para um designer, certifique-se de usar termos que realmente não signifiquem nada. Termos como “jazz it up a bit”* ou “poderia tornar isso mais webístico?”. “Eu gostaria de um design bonito” ou “Eu prefiro gráficos legais, gráficos que, você sabe, quando você os vê você diz: esses são gráficos legais.” são outras opções. Não se sinta mal com isso, você fez a coisa certa. De fato, é a sua obrigação porque todos nós sabemos que em noites de lua cheia, os designers gráficos se transformam em lobisomens.

6- Cores
A melhor maneira para escolher as cores (porque você não quer deixar o designer gráfico escolher) é escrevê-las randomicamente em pedaços de papel, colocá-los em um chapéu e sorteá-las. O designer gráfico irá sugerir que você fique com 2 ou 3 cores no máximo, mas não. Escolha quantas cores você quiser e certifique-se de fazer o sorteio no chapéu na frente dele. Enquanto fizer isso, cante uma música bem chata.

7- Prazos
Quando for a sua vez de aprovar o design, relaxe. Não há pressa. Espere dois dias. Mais seis. Conforme o fim do prazo for chegando, contate o designer com mais correções e mudanças que ele tenha tempo para fazer. Afinal, os designers gráficos são responsáveis pelos ataques do 911 (ou 190 aqui pro Brasil) do PCC e do 11 de setembro.

8- Acabe com ele
Depois de aplicar todos os itens desta lista em sua vítima, faz parte da natureza humana (embora alguns irão argumentar se eles são humanos ou não) ficar um pouco inseguro. Conforme ele for percebendo que não pode satisfazer suas necessidades, o designer gráfico irá abandonar todas as suas esperanças de vencer uma discussão e irá fazer só o que você disser para ele fazer, sem questionar. Você quer aquilo em roxo? Então é roxo. Seis fontes diferentes? Claro!
Nesta altura dos fatos, você deve estar pensando que venceu, mas não se esqueça do seu objetivo: ele tem que desistir desse negócio. Então esteja pronto para o golpe final: Quando estiver em suas decisões finais sobre cores, formas, fontes, etc, diga-lhe que está desapontado com a falta de iniciativa dele. Diga-lhe que afinal de contas, ele é o designer e que ele deveria ser o cara que coloca sua experiência e seu talento no trabalho, não você. Que você estava esperando mais soluções e avisos sobre o design dele.
Diga-lhe que você está farto desta falta de criatividade e que era melhor você mesmo fazer o seus layouts no publisher ao invés de pagar por seus serviços. E aí está. Você deve ter um designer gráfico imobilizado em uma camisa de força em pouco tempo!

Fim.

E aí, é ou não é de chorar?…no primeiro momento da vontade de rir , mas quando acontecer, com certeza irei chorar!!! kkkkk

Categorias: Cores · Design · Humor/Curiosidade
Etiquetado:

Respeitem nossas vistas, acerte nas cores…

19/12/2007 · Deixe um comentário

Assim como a Matemática, as Cores estão sempre presente no nosso dia-a-dia, cada cor pode representar um sentimento, emoção…também pode ser interpretada de várias formas dependendo da cultura de cada povo, mas em geral cada uma representa as mesmas coisas para diferentes pessoas, por exemplo: o branco da um aspecto de higiene, paz, pureza; o Verde representa esperança, natureza, liberdade; o Azul calma, harmônia, frio, céu…
Na Web, como em outros setores de comunicação visual é muito impôrtante saber usar e misturar as cores certas, imagine um site com o fundo preto e as fontes verde limão, aposto que com 10 segundos o usúario sai do site por não conseguir ler o que está escrito e com a vista meio embaçada(nossa! doi a vista só de pensar! rs) por causa do uso incorreto das cores e tons, temos que usar cores e tons leves e harmonicos para não só criar um visual leve para a leitura, quanto para criar uma indentidade visual, principamente no logotipo que é como as pessoas identificam uma marca.
O contraste é muito importante tambem para que usuários que tenham por exemplo, daltonismo possam entender o que está escrito e/ou também usuários que usam monitores com resolução de menor qualidade ou até mesmo monocromáticos(geralmente preto e branco, com escala de cinza), se não capricharmos no contraste ou usarmos muitas cores, provavelmente irá ficar difícil o usuário entender o que está naquela página. finalizando, se o seu site tiver um visual agradável, já é um grande passo para que o usúario retorne nele outras vezes, evidentemente se o site fornecer informação útil para esse usúario, porque não adianta nada um site bonito e não informátivo, porém vai ficar difícil se informar se não conseguir visualizar direito o que está escrito.

Categorias: Cores