Posts for CSS Category

@ font-face é uma regra CSS que permite colocar sua própria fonte em um site, mesmo quando essa fonte não está instalada no computador do visitante. O mais importante sobre esta regra é que ela abriu um novo mundo para os designers. Você pode usar praticamente qualquer fonte que você goste.

O que é @ font-face e como usar no CSS

@ font-face é uma regra CSS que permite colocar sua própria fonte em um site, mesmo quando essa fonte não está instalada no computador do…

Rwdgrid é apenas um  sistema de grade baseado no popular popular 960grid , que é responsivo e varia entre telas de celular, tablet, notebooks e monitores widescreen.

Sistema de Grid Responsivo para seu Próximo Projeto

Rwdgrid é apenas um  sistema de grade baseado no popular popular 960grid , que é responsivo e varia entre telas de celular, tablet, notebooks e monitores widescreen.…

Arquitetura da Informação – Adaptando títulos, links e botões (parte 2)

A Arquitetura da Informação trata não só da organização das informações, mas também da rotulagem de links e botões. As vezes temos um rótulo para…

Arquitetura da Informação “adaptável” (parte 1)

A Arquitetura da Informação (AI) se baseia no homem, ou seja, na forma como as pessoas pensam e interpretam o mundo, por isso o contexto…

Media Queries do CSS3: Um site e muitas possibilidades

Media Queries são uma extensão das Media Types que nos permitem ter acesso a informações de software e hardware dos usuários, desta forma podemos selecionar…

16 “Web Safe” Fontes Para Usar com CSS

Abaixo segue uma seleção de fontes seguras para utilização na  web  que você pode usar com folhas de estilo CSS. "WEB Safe"  fontes significa que …

Como criar um formulário bonito sem tabela

Esse tutorial explica como fazer um formulário bonito sem o uso de tabela, apenas com o uso de CSS. 1º Passo Crie uma estrutura básica…

Técnica CSS – Bordas arredondadas

Este é um exemplo de como deixar os cantos de um box  arredondados, porém,  funcional apenas no Firefox  e Safari e Chrome. Exemplo:   Código: ------------------------------------------------------------------------------------------------------…