Webgrafismo

O Sistema de Grelha 960 é uma medida para simplificar o fluxo de trabalho no desenvolvimento web, pela disponibilização das dimensões mais comuns, baseadas numa largura de 960 pixeis. Existem 2 variantes: 12 e 16 colunas, as quais podem ser usadas separadamente ou em conjunto.

A premissa deste sistema reside em encaixar-se rapidamente em protótipos, mas pode muito bem funcionar em ambientes de produção. Existem folhas de rascunhos para impressão, layouts para design, e um ficheiro .CSS que tem medidas idênticas.

Todos os monitores modernos suportam pelo menos uma resolução de 1024 x 768 pixeis. 960 é divisível por 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 e 480. Isto faz com que seja um número muito flexível de se trabalhar.
Você pode fazer o download do ficheiro .ZIP o qual contem a versão da grelha em .PDF, templates para Fireworks, OmniGraffle, Photoshop e Visio, e a framework .CSS com a demo HTML.

Derivativos

O Sistema de Grelha 960 é livre de utilização, e pode ser proposto para as suas necessidades especificas. Vários projectos já o estão a utilizar, incluindo versões que foram construídas para serem fluídas e elásticas. Adicionalmente, foi adaptado um tema para Drupal.

Tutorial

Nettuts tem um tutorial e vídeo sobre os benefícios desta framework 960.gs e o qual lhe mostro agora:

Dúvidas ou comentários? Escreva-os!

Requisitos: -
Demonstração: http://960.gs
Licença: MIT / GPL

Desenvolvimento de jogos em Javascript com gameQuery Twitter ♥ Facebook ♥ Del.icio.us

gameQuery é um plugin jQuery que pretende facilitar o desenvolvimento de jogos em javascript através da utilização de simples classes que são geralmente utilizadas em jogos. Alguns exemplos: animação multi layer-sprite, hierarquias de sprites, detecção de colisões, suporte alternado de som, chamadas periódicas de estados do teclado, etc. Os jogos em javascript ainda estão numa [...]

3 Templates HTML/CSS com Javascript e Mootools Twitter ♥ Facebook ♥ Del.icio.us

Se estiver à procurar de templates de websites para os seus designs, a Overture21 disponibiliza 3 modelos que combinam HTML, CSS, efeitos Javascript e Mootools que são exemplos soberbos de tipografia para web. Descubra por si mesmo… Três templates estão disponíveis: 960 pixeis largura fixa 12-colunas largura fluida 16-colunas largura fluida Estes templates foram construídos [...]

Sistema de Votação em Estrela para Website Twitter ♥ Facebook ♥ Del.icio.us

Star Rating System é a solução perfeita se pretende ter um script para votação na sua página web! Gregory Boshoff escreveu este script PHP algum tempo atrás específicamente para Web Developers. Star Rating System tem sido várias vezes actualizado de forma a se basear num sistema de template fácil de usar. Por isso, deverá trabalhar [...]