Categoría : CSS

Cómo personalizar Blueprint CSS

Blueprint logotipoHace un tiempo hablé de Blueprint, y como dije en su día me resulta sumamente práctico usarlo para según qué proyectos.
Ahora estoy codificando el HTML y CSS en una web del tipo ideal para usar Blueprint, aunque me encontré un inconveniente ya que el diseño es de 980 pixels de ancho y Blueprint está pensado para un ancho de 960 pixels, así que tras una muy pequeña búsqueda llegué a una web que permite generar un "Blueprint a medida" y descargarlo.
Simplemente hay que ingresar el ancho de las columnas, margen, cantidad de columnas y la aplicación nos genera un nuevo juego de estilos de acuerdo a lo que necesitamos. Yo conseguí los 980 pixels usando 22 columnas de 35 pixels de ancho :)

Mi experiencia usando BluePrint, un framework CSS

Cuando empecé a leer sobre los "frameworks" de desarrollo, la verdad es que no entendí bien a que se referían... recuerdo haber bajado CakePHP y no saber que hacer con esos archivos, luego comprendí cómo se usan y me decidí "mas adelante" probar alguno.... llegado el día, dí mis primeros pasos con CakePHP y comprendí el potencial de estas librerías/marcos de trabajo.

Luego probé el framework Javascript JQuery y me gustó, así que cuando supe de la existencia de "frameworks para CSS" me dije que tenía que probarlos también :)

Logotipo del framework CSS Blueprint El primero que miré fue BluePrint CSS, y mi opinión es que está muy bien, la verdad es que ayuda tener una buena base para armar el esqueleto de la web. Yo trato de hacer hojas de estilo CSS livianas y simples, primero uso un reset.css y luego voy creando mis estilos. La ventaja de usar Blueprint CSS es que hace el "reset" y además genera unos estilos básicos pensados para armar el esqueleto, crear columnas, margenes, contempla varios navegadores, versión impresa y además ¡funciona perfectamente en Internet Explorer, Opera y Firefox!.

Hice varios proyectos usando este framework, combinado con otros frameworks de desarrollo web, por ejemplo esta página web Ithkor que me encargaron la programación usé Blueprint+JQuery+CakePHP. No siempre lo uso, pero reconozco que facilita bastante la vida.

Una vez dado el primer paso en el uso de los frameworks, es difícil no tentarse y probar más. Ultimamente estoy probando CodeIgniter para programar PHP.

Enlaces:

 
#