• Publicidad
  • Contacto
Pixelco Tech Blog
  • 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 Tech Blog
  • 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 Tech Blog
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
0

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.

EntradasRelacionados

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

Ventajas, desventajas y consejos al crear tu sitio web

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.

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 y Desarrollador de Software. 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

RelacionadoEntradas

Microsoft Teams - Interface

Microsoft Teams disponible para usuarios de Office 365 en el mundo

20/03/2017
Imac retina 5k con 1TB

Los mejores gadgets para diseñadores

27/09/2016

Descubre una colección fantástica de íconos para sistema operativo de teléfono

22/03/2015

Descubre más de 40 fuentes con un diseño muy especial y hermoso

08/03/2015

Serie Camon 19 – Conoce los detalles de los nuevos equipos de Tecno Mobile

21/06/2022

Una mujer supera su propio récord y calcula el valor del “Número Pi” en 100 billones de dígitos

12/06/2022

TECNO POVA 3 características y especificaciones

11/06/2022

Tecno Camon 19 Series lanzamiento global el 14 de junio

09/06/2022

Todo lo que debes saber para comenzar a utilizar la inteligencia artificial en tu negocio

31/05/2022

Motivos por los que deberías implementar la Inteligencia Artificial para captar personal

30/05/2022
Pixelco Tech News Pride 2022 logo
Pixelco Tech News Pride 2022

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.

Buscar

Sin resultados
Ver todos los resultados

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

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

© 2022 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...