Blueprint, Framework CSS

Apresentação de Blueprint, um framework CSS que serve de apoio no desenho e construção de webs 2.0, graças à sua grade e a outros estilos de tipografia e impressão.

Por Miguel Angel Alvarez - Tradução de Celeste Veiga


Publicado em: 20/10/10
Valorize este artigo:
Blueprint é um complemento para desenvolvedores de webs que aumentará a produtividade nas tarefas de desenho e construção de páginas. Trata-se de uma série de bibliotecas de Folhas de Estilo em Cascata que contém código útil para construir uma página web e aplicar outros tipos de estilos tipográficos ou de impressão, algo que comumente conhecemos como Framework CSS.

Este sistema oferece uma série de arquivos com código CSS que poderemos incluir nas páginas web para aplicar estilos de uma maneira rápida, e solucionar também muitos dos problemas de compatibilidade entre navegadores que podem surgir durante a etapa de construção.

Existem diversos Framework CSS disponíveis de maneira gratuita na Internet, criados por vários desenvolvedores diferentes. Blueprint é talvez o mais conhecido, ou pelo menos um dos mais populares e prova disso é que foram criadas, inclusive, algumas variantes ou produtos derivados para ajustar Blueprint às diferentes necessidades dos desenvolvedores.

O que é um Framework CSS

Talvez fosse bom definir o que se entende como framework CSS. Bem, simplesmente se trata de uma série de declarações de estilos definidos de forma standard para que sirvam como base para o desenho de todo tipo de webs. Dito de outra maneira, é um pouco de código CSS que se poderia considerar útil para desenvolver qualquer tipo de web e que se coloca à disposição para solucionar diversos problemas ou situações, comuns no desenvolvimento de webs.

Cada framework CSS, embora talvez devêssemos chamá-los simplesmente "Bibliotecas CSS", possui sua própria filosofia à hora de criar o código para solucionar esses problemas. Algumas vezes as formas de atuar são similares e outras vezes diferentes, por isso o uso ou não dos frameworks CSS, bem como a escolha do mesmo é uma decisão muito particular de cada programador ou desenvolvedor web.

Existe, além disso, uma discussão sobre se é ou não conveniente o uso de Frameworks CSS, porém é um assunto no qual não tocaremos neste artigo. Simplesmente queremos contar-lhes como funciona Blueprint e cada pessoa poderá escolher usá-lo ou não.

Características de Blueprint

O framework CSS Blueprint está criado sobre uma sólida base de código CSS que ajudará a desenvolver o desenho e a construção de websites. Entre as coisas que nos aporta podemos destacar:

  • Uma grade, que nos permitirá criar qualquer estrutura de página web. Básicamente se trata de um conjunto de classes CSS para posicionar qualquer elemento em um espaço de 950 píxeles de largura, dividido em 24 colunas.
  • Uma definição de tipografia pré-determinada, de maneira precisa para todos os elementos da página que podem ter texto.
  • Estilos para formulários, com os que melhorar as interfaces de usuário.
  • Estilos para impressão, com as definições CSS mais úteis para que as páginas estejam bem legíveis quando se imprimem no papel.
  • Estilos específicos para IE, com os que resolver alguns dos problemas mais comuns de Internet Explorer.
Com tudo isto adquirimos uma base para começar facilmente a fazer páginas web complexas e que serão mais compatíveis em diferentes navegadores. Além disso, Blueprint se completa com alguns plugins criados por terceiros que servem para fazer coisas mais avançadas ou diferentes. Por exemplo, há plugins para obter ícones, para fazer páginas fluidas (que se adaptam à largura da janela do navegador), etc.

Para começar a usar Blueprint temos que acessar sua página web e baixá-lo, através de sua página web:

http://www.blueprintcss.org/

Nos artigos seguintes do Manual de Blueprint explicaremos tudo o que você tem que conhecer para começar com pé direito e tornar muito simples a adaptação ao framework CSS.






Usuários :    login / registro

Manuais relacionados
Categorias relacionadas
O autor

Home | Sobre nós | Copyright | Anuncie | Entrar em contato