Tabela de códigos CSS 2.1 e CSS 3

Disponibilizo aqui duas tabelas de códigos para consulta rápida do CSS. Formatos JPG e PDF.

Anúncios

Smashing Book

Smashing Magazine é um dos maiores e melhores portais de web design/development da internet. Sempre com grandes artigos acerca de assuntos interessantíssimos, que trazem uma linguagem simples e gostosa de ler (apesar de ser escrito em inglês). Vale a pena pra quem ainda não conhece e tem inglês básico + google tradutor, hehe.

Ano passado o pessoal da Smashing lançou um livro sobre web design e padrões que é simplesmente um luxo, o Smashing Book. Eu comprei o meu na sessão de pré-lançamento, e se você gosta de ler em inglês, a dica é comprar imediatamente, pois o livro é uma fonte rica em técnicas e dicas para quem trabalha com web, além da alta qualidade de impressão e encadernamento.Veja aqui o Capítulo 1: User Interface Design in Modern Web Applications.

smashing book

Clique para comprar

Clique aqui ou no livro acima para se informar melhor e comprar seu Smashing Book. Não se trata de merchã, só acredito que produtos como esse merecem ser divulgados.

Eu li e recomendo.

Social Middleware

Taí um termo que eu não conhecia. Socialware é a nova ferramenta por trás do conceito.

Se você (empresário, diretor, gerente) teme pela produtividade de sua equipe frente às redes sociais de hoje, Socialware é a ferramente para você. Ela permite acesso e bloqueio a diversas ferramentas de várias redes sociais.

Você pode, por exemplo, liberar acesso ao LinkedIn mas restringir várias ferramentas do sistema.

Vale a pena testar.

8 dicas para aperfeiçoar seu design

É fácil perceber como a web 2.0 mudou a cara da internet. Os layouts e designs dos sistemas modernos ficaram muito mais atrativos e simples, bem como a forma de desenvolvê-los. Isso mesmo, não é preciso ser o deus do photoshop para criar sistemas apresentáveis na web 2.0. A seguir algumas dicas de como melhorar seu design, mesmo que você não seja bom com ferramentas de desenho (assim como eu :p):

1 – Utilize um framework CSS

Frameworks são plataformas projetadas para auxiliar no desenvolvimento. Várias linguagens de programação já tem seus frameworks (PHP, Ruby, Phyton, C#, ASP). Baseando-se nesse conceito, alguns frameworks baseados em CSS já foram lançados e ajudam muito na hora de dividir o layout das páginas.

blueprint

Existem muitos frameworks desse tipo na web, eu utilizo o blueprint mas você pode conferir uma lista de vários frameworks CSS aqui, escolha um deles e diga adeus ao quebra-cabeças box model.

2 – Centralize seu conteúdo

Faça como todos os grandes sistemas web modernos. O conteúdo centralizado facilita a navegação além de permitir um melhor controle do layout.

3 – Icones falam mais que palavras

Além de consumirem menos espaço e deixarem o seu site muito mais aporveitável.

icons icones2

Este artigo da Smashing Magazine traz uma coleção de 50 conjuntos de ícones ideais para o desenvolvimento web. Aproveite!

4 – Estilize suas tabelas

Muitos pensam que criar um site tableless é evitar todas as tabelas, mas isso é um erro. Tableless apenas define o desenvolvimento com a divisão do layout feita sem tabelas. Tabelas são muito úteis na hora de exibir dados e/ou relatórios.

tabela

Com alguns toques pode-se criar tabelas agradáveis e acessíveis, combinando com o resto do seu design. Alterar as cores das linhas ajuda a manter o usuário na linha certa.

5 – Backgrounds podem ser divertidos

Foi-se o tempo em que um degradêzinho em tom de cinza marcava o fundo dos sites. Hoje pode-se chamar a atenção para um site que tem um background vivo e atraente. Mais uma vez não precisamos entender de desenho para criar belos backgrounds, basta procurar recursos como o http://pattern8.com/ para conseguirmos imagens repetidas bem legais.

6 – Textos de introdução grandes e explicativos

Dê ao usuário uma idéia instantânea do que seu site ou serviço trata.

20-37-signals 20-ex-blogs

Isso com certeza torna a experiência do usuário muito mais simples e direta.

7 – Belas fontes trazem acessos

Escolha bem as fontes que você pretende usar, pois uma fonte desagradável à leitura é difícil de aturar.

Free Fonts

Nesta matéria da Smashing Magazine temos uma coleção de fontes compatíveis com o estilo web 2.0. Todas são grátis e perfeitas para logos e imagens.

8 – Dê vida a seus botões

Escolha icones e imagens para estilizar os botões de formulário do seu site.

download-buttons

O site http://www.button-download.com/ pode dar uma boa ajuda.