blog do ricardo alamino

Sabe aquela sequência de fontes que colocamos nos sites para criar um estilo de tipografia?

Por exemplo:

font-family: Helvetica, Arial, sans-serif;

Podemos dizer que o exemplo acima se refere a uma sequência sem muitas alternativas. Abaixo seguem 8 sequências de fontes, dependendo do estilo desejado, e que se adaptam a qualquer computador e plataforma.

Essas 8 sequências foram pensadas da seguinte forma:

fonte exata, alternativa mais próxima, alternativas em várias plataformas, escolha universal (presente em todas as plataformas), genérica

Também foi pensada utilizando:

fontes de Windows, fontes de Mac, fontes de Linux, universais, genéricas

Abaixo o resultado:

Sequência Times New Roman (serif)
font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;

Sequência Georgia (serif)
font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;

Sequência Garamond (serif, mais tradicional)

font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;

Sequência Helvetica/Arial (sans serif)

font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;

Sequência Verdana (sans serif)

font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;

Sequência Trebuchet (sans serif)

font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;

Sequência Impact (sans serif, “pesada”)

font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;

Sequência mono-espaços (estilo máquina de escrever)

font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;

Fonte: sitepoint

O site Professional on the Web disponibiliza um espaço ilimitado para freelancers ou empresas de design disponibilizarem seus trabalhos.

Como a maioria dos serviços do tipo “Web 2.0″, o site se intitula beta e a organização de assuntos é feita por tags.

Nesse momento, pelo o que eu pude ver no site, existem 7 brazucas com seus trabalhos no site.

São eles:

Anderson Oliveira, Fabio Chaves, Worket Studio, mofo, Armando Louder, Carlos Eduardo de Souza e o Juanito.

Coloque o seu lá também. Me pareceu um ótimo local para divulgar seu trabalho e ser observado no mundo todo.

Lista de sites com fontes, templates, imagens, desenhos vetorizados… Todos gratuitos:

Fontes

• Download Free Fonts;
• NetFontes - Fontes TrueType Gratis;
• (SOFONTES) Fontes gratis para Download.

Imagens

Desenhos Vetorizados

• Open Clip Art Library Drawing Together;
• ArtBitz;
• Vectorportal.com;
• ARTFAVOR;
• Lens Hanger;
• vetorizar.com;
• Vetorizando;

Desenhos não vetorizados

• All Free Original Clip Art;

Fotos

• stock.xchng - the leading free stock photography site;
• Image * After;
• tOfz dot org;
• Visipix.com;
• iStockphoto;
• fotofree.org;

Web Templates

• Open Source Web Design - Download free web design templates;
• Wordpress Themes.

Espero ir aumentando essa lista com a contribuição de todos os que passarem por aqui.

Obrigado.

Depois que escrevi o artigo sobre 3D usando javasript, acabei achando um outro site que mostra como é possível fazer imagens em 3D e interagir com elas utilizando javascript. Só consegue ser visualizados em browsers pois os gráficos estão no formato W3C Standard SVG.

Se você usar o Internet Explorer, favor arranjar algum plugin para conseguir visualizá-los.

O site é o KevLinDev.

Sou um blogueiro amador, e para tanto, preciso usar aplicativos freeware. Abaixo a lista de aplicativos que uso e acho indispensáveis:

• Wordpress: O aplicativo que gerencia o blog. Meu favorito;
• FastStone Capture: Comecei a usar há pouco tempo mas achei excelente para captura de telas (screenshots);
• Notepad++ ou PSPad: Ainda estou em dúvida entre esses dois editores de textos com suporte a linguagens de programação. Utilizo ambos;
• Serif PhotoPlus 6.0: Editor de imagens bastante similar ao Photoshop, no entanto, gratuito;
• Inkscape: Excelente alternativa gratuita para o Corel Draw. Também tem a opção de salvar as imagens em .SVG.
• Subversion para Windows: Software que gerencia e controla versões de arquivos. Extremamente últil para quem trabalha com programação;
• Filezilla: Cliente de FTP muito leve e repleto de recursos;
• Avast: Anti-vírus;
• Launchy: Aplicativo que facilita o acesso a programas do menu Iniciar;
• Firefox: O browser que uso como padrão;
• Google:
  • Gmail: em vez de utilizar Outlook ou similares, ainda mais agora que tem a opção de receber email de contas externas e responder com emails diferentes.
  • Google Desktop: Busca arquivos no computador muito mais rápido que o Windows;
  • Google Docs: Uma alternativa para o Word e Excel;
  • Google Agenda: Uso como agenda pessoal;
  • Google Reader: Leitor de feeds que utilizo.

Note que esses aplicativos não deixam em nada a desejar para os que você precisa pagar.