Archivo

Entradas etiquetadas ‘YAML’

Ahorra tiempo y esfuerzo en el diseño usando un framework CSS

20-02-2009

Para trabajar con el diseño de un sitio y crear su CSS, ver las tipografías, hacer los ajustes necesarios para imprimir el contenido, etc., una excelente forma de ahorrar tiempo y hacer las tareas mucho más fáciles, es usar algún framework CSS, que por estos días abundan y ofrecen muchas opciones que sin dudas hacen que nuestro trabajo sea mucho más fácil.

golden-gridHe probado muchos de estos recursos, pero sólo he usado uno, no obstante, les presento los que me parecen que son más interesantes y potentes.

Ya pasó algún tiempo desde que descubrí BluePrint, este es un framework que, como casi todo los de su tipo, ayuda acortar los tiempos de desarrollos de la maquetación, brindando un sistema de reticulado, de tipografía, de reseteo de la CSS, etc. De esta forma con este, podemos crear una reticula e ir posicionado el contenido para luego desarrollar la CSS.

Luego conocí 960.gs que es similar a BluePrint pero que ofrece un ancho 960px además de dos variaciones de 12 y 16 columnas. El motivo de usar 960 píxeles, es debido a que en la actualidad, muchos monitores poseen una resolución de 1024×768 y esta magnitud es divisible 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 y 480. Ya tengo planeado en mi próximo proyecto, usar a 960.gs en vez de BluePrint, justamente porque creo que se adapta mejor a las espcificaciones del diseño.

The Golden Grid fué el último de estos frameworks CSS que descubrí por medio del sitio Web Resources Depot. Este se especializa en presentar un modelo de diseño basado en un reticulado, de hecho ofrece: variaciones de 6 y 12 columnas, un reticulado, otro para incluir fotos y videos, etc. Sigue…

CSS, Desarrollo, Diseño, Recursos , , , , , , , , ,

YAML – Un excelente framework CSS y uno de los más completos

7-07-2008

YAML es un framework CSS y un diseñador online visual; ésta es una de las herramientas de desarrollo web más completa que he conocido hasta la fecha.

YAML - EjemploEntre las características más importantes que este ofrece se encuentran:

  • se basa en estándares web;
  • provee todo lo necesario como archivos Js para solucionar problemas como las propiedades min/max en los navegadores IE de las versiones del 5 al 7;
  • según explican en su sitio está probado en casos reales;
  • posee un sistema de licencia flexible con el cual se puede usar la Creative Commons Attribution 2.0 License (CC-A 2.0) para proyectos no comerciales;
  • es estable y está contemplada la accesibilidad del sitio;
  • y algunas otras características más.

Lo estuve probando y es verdaderamente un herramienta de desarrollo muy potente, fácil y versátil, todo esto acompañado de una excelente documentación (no disponible en español). Sigue…

Desarrollo, Diseño, Recursos , , , , , , ,