Tag: tipografia

Beautiful Web Type – Seleção de algumas das melhores fontes de Google Web Fonts

Posted on

by Denise Helena

http://wwwhatsnew.com/wp-content/uploads/2012/02/Beautiful-Web-Type.jpg

De um tempo para cá tem havido avanços significativos na hora de se criar um design para qualquer site graças às novas ferramentas que vêm aparecendo, sendo uma delas a tipografia. É indiscutível o valor de uma correta e eficaz fonte na hora de se apresentar um projeto. E hoje os web designers podem utilizar muitas fontes de letras diferentes sem medo destas não serem identificadas nas telas dos computadores que não as tenham instaladas em seus sistemas operacionais.

Precisamente Google Web Fonts é um dos poucos provedores de tipografias (fontes) para sites, contando hoje em dia em seu diretório com cerca de 436 famílias tipográficas, onde se pode encontrar todo tipo de tipografias, desde as mais elegantes, as modernas, até aquelas tipografias que nem nos piores pesadelos se pensaria em usá-las, ou melhor, tem para todos os gostos.

Precisamente Beautiful Web Type é um mostruário de algumas das melhores tipografias que oferece Google Web Fonts, um projeto de Chad Mazzola no qual tem selecionado uma série de tipografias para que os usuários possam ter uma idéia dessas fontes na prática. No momento representa oito fontes que nos permite ter aceso às mesmas no diretório do Google Web Fonts, e que pouco a pouco irão sendo adicionadas novas tipografias para ter um mostruário mais amplo o qual seja possível escolher sem que para isso tenhamos que visitar uma a uma das mais de 400 fontes do diretório do Google Web Fonts para decidir qual parece combinar mais com determinado projeto.

HTML KickStart – Recursos para quem quer programar em HTML5, CSS e jQuery

Posted on

by Denise Helena

http://wwwhatsnew.com/wp-content/uploads/2012/02/99lime-600x375.jpg

Nos apresentam agora HTML KickStart, uma coleção de elementos desenhados para economizarmos tempo na criação de nosso próximo site web.

São menús, botões, etiquetas, tipografias, galerias, tabelas… uma coleção bastante completa, com icones incluídos, que pode ser baixado de forma gratuita para analisar o conteúdo e usá-lo em nossa página.

Baixado mais de 20.000 vêzes, inclui arquivos js e folhas de estilo (css) para facilitar o trabalho, com exemplos funcionando em sua página web para conhecer as vantagens de seu uso.

Mint.com agora também disponível para tablets Android

Posted on

by Denise Helena

http://wwwhatsnew.com/wp-content/uploads/2012/02/mint-600x293.png

Mint.com é uma das soluções online mais veteranas na hora de gerenciar nossa economia pessoal, nos permitindo estabelecer orçamentos e anotar os gastos realizados, de maneira que possamos conseguir nossos objetivos econômicos. Já falamos deste aplicativo no momento o qual foi adquirido por Intuit, e agora voltamos a falar deste serviço porque desde hoje conta com um aplicativo nativo expressamente adaptado aos tablets de 9 e 10 polegadas com Android Honeycomb e Android ICS.

Esta nova versão se soma às versões disponíveis para iPhone, iPad e para terminais Android, fazendo uma série de melhorias relacionadas à usabilidade e a tipografia, sem oferecer nenhuma novidade quanto a suas funcionalidades.

A razão pela qual lançam uma versão específica para tablets Android é que, segundo eles, nos próximos meses os tablets Android alcançarão 40% da cota de mercado. Ou dito de outra maneira, Intuit quer que Mint.com esteja disponível em todos os meios possíveis para que as pessoas possam gerenciar suas finanças, e com o auge dos smartphones e tablets, são canais nos quais tem que estar presentes, o que faz sentido ao se levar em conta que o 30% dos usuários acessem só desde dispositivos móveis.

Font Combinator – Para encontrar a combinação de tipografia perfeita

Posted on

by Denise Helena

Usando as fontes de Google Font Directory, assim como algumas de uso bastante comum, em Font Combinator temos um projeto que permite ver o efeito gerado ao mesclar diferentes tipos de letra em uma mesma página web.

Podemos eleger o tamanho e a tipografia do título, subtítulo e texto, tantas vezes quisermos até encontrar a combinação desejada para nosso design.

Já que usa fontes compatíveis com os navegadores modernos, não teremos problemas encontrando visitantes incapazes de desfrutar do conjunto configurado, com o qual é importante que o simulador se encontre justo no mesmo lugar que o resultado: na web.

Simular em editores de imagem é cômodo, mas fazê-lo na web é, sem dúvida, muito mais realista.

The Leage of Moveable Type – Coleção de fontes open source

Posted on

by Denise Helena

The Leage of Moveable Type é uma comunidade de usuários que pretende criar um movimento coletivo para impulsionar melhorias nos desenhos de sites aproveitando a existência de @font-face, que permite aos desenhistas especificarem a localização das fontes nos desenhos, usando para isso tipografias de código aberto, contendo uma coleção delas em sua página principal.

Precisamente dispõe de uma coleção de 15 tipografias (fontes) diferentes disponíveis sob SIL Open Font Licence, uma licença na qual o desenhista deverá citar o autor da tipografia nos créditos, assim como qualquer mudança feita e as fontes resultantes também deverão estar disponíveis sob os mesmos termos. O uso destas tipografias podem ser a nível pessoal ou inclusive a nível comercial.

Para saber mais a respeito dessa comunidade, na qual também poderá colaborar com seus desenhos, basta ler seu manifesto aqui.

Os segredos do HTML5 no livro digital de Tron: Legacy

Posted on

by Denise Helena


Foi publicado em Explorando IE um fantástico artigo contando os detalhes técnicos da criação do livro digital de TRON: LEGACY, que pode ser encontrado em disneydigitalbooks.go.com/tron.

Graças a um incrível trabalho de equipe e da Disney Vectorform, levou quase um mês para ser construido o novo Disney Tron: Legacy Digital Book Site, uma experiência com HTML5 construída sobre o acelerador de hardware Internet Explorer 9.

Sendo um blog no Internet Explorer não é de se estranhar que comentem muitas das características deste novo navegador web, embora os comentários de como reduzir a largura de banda sem prejudicar a qualidade da imagem, ou como trabalhar a sincronização, possam ser aplicadas a qualquer navegador.

Analisam o uso das ferramentas para desenvolvedores incluídas no navegador, assim como o modo Debug, o carregamento de imagens ou a forma de manter a tipografia (fonte) original.

Um excelente documento para programadores e web designers.

WordMark – Para ver os tipos de letra instalados no seu computador

Posted on

by Juan Diego Polo

wordmark.it é uma aplicação que, sem necessidade de cadastro, nos permite ver um exemplo de palavra escrita em cada um dos diferentes tipos de letra instalados no nosso PC.

Pela sua simplicidade é ideal para encontrar a tipografia adequada para nosso trabalho, já que em apenas uma página podemos ver rapidamente todas as fontes que podemos usar no computador, sem necessidade de ter que testar uma por uma no nosso editor de imagens.

Criado pelo Fahri Özkaramanlı, usa um script escrito pelo Marko Dugonjić de Typetester (aplicação que compara fontes pelo navegador de Internet).