• Publicidad
  • Contacto
Pixelco Tech News
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco
Sin resultados
Ver todos los resultados

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

Diego CambiasoporDiego Cambiaso
20/02/2009
enDesarrollo/programación, Diseño, Recursos
Tiempo de lectura2 minutos
Compartir en FacebookCompartir en TwitterCompartir en WhatsappCompartir en TumblrCompartir en Telegram

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.

Contenidorelaciondo

Samsung muestra la evolución de SmartThings y presenta nuevas experiencias de dispositivos en SDC22

18/10/2022

4 Tips de Oracle para iniciarte en el mundo de la programación

12/04/2022

Ventajas, desventajas y consejos al crear tu sitio web

28/02/2022

Samsung e IBM lanzan el reto “Call for Code”para homenajear a los héroes de la vida

09/11/2021

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.

emastic que es otro framework CSS, también creado por Vladimir Carrer que es el mismo de The Golden Grid. Este entorno se caracteriza por: ser muy liviano (menos de 4kb); permitir personalizar el ancho de página en: em, px y %; utilizar columnas fijas y fluídas; etc.

Por último, también le quería recomendar YAML, este es muy completo, ofrece todo lo que uno esperaría de un producto de su tipo y mucho más, documentación, demos, ejemplos muy completos y también, una herramienta de edición online.

¿Por qué usar un framewrok CSS?

Ofrecen muchas ventajas entre ellas, son muy fáciles y rápidos de aprender y en verdad ayudan mucho a trabajar en cada detalle del diseño, sobre todo si la plantilla que nos pasa el diseñador gráfico es muy elaborada.

Y tú ¿cuál conoces? ¿cuál utilizas?

Tags: 960960.gsBluePrintCSSCSSDiseñoemasticframeworkmaquetacionRecursosThe Golden GridYAML
Diego Cambiaso

Diego Cambiaso

Comunicador Social, Desarrollador de Software y UX Designer Blogger desde el 2006, creador de Pixelco Tech News. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT

Contenido Relacionado

Noticias

Samsung muestra la evolución de SmartThings y presenta nuevas experiencias de dispositivos en SDC22

18/10/2022
Recursos

4 Tips de Oracle para iniciarte en el mundo de la programación

12/04/2022
Transformación Digital

Ventajas, desventajas y consejos al crear tu sitio web

28/02/2022
Cargar más

Pixelco Tech

Pixelcoes sitio de noticias de tecnología, diseño y desarrollo web e Internet escrito por profesionales.

Objetivo de Pixelco

Informar, promocionar, proporcionar recursos y ayuda sobre el diseño y desarrollo web, estándares, Internet y tecnología.

  • Contacto
  • Publicidad
  • Sobre Pixelco
  • Política de Privacidad

© 2023 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

Sin resultados
Ver todos los resultados
  • Publicidad
  • Contacto
  • Política de Privacidad
  • Sobre Pixelco
  • Internet
    • Recursos
    • Diseño
    • Desarrollo/programación
  • Tecnología
  • Noticias
  • Fotografía

© 2023 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies Política de privacidad.
 

Cargando comentarios...