MarkerCSS | El Framework CSS en español, una clase para cada cosa

vía ceslava.com | Diseño y Formación de ceslava el 26/01/10


José Castro ha presentado a Juan Diego Polo Marker CSS.

De todos los frameworks CSS  MarkerCSS destaca en:

  • la documentación está en español,
  • multitud de estilos predefinidos,
  • de código abierto.

markerCSS

Es como si tuviéramos variables para maquetar en CSS, por ejemplo para definir las dimensiones de un div añadimos la clase wXXX donde XXX es el ancho en píxeles, de forma que para un div de 220px de ancho escribiríamos:

<div class=”w220”>

Las clases predefinidas van de w10 a w1000 en saltos de 10px, es decir, si quisiéramos una capa de 6px o de 155px de ancho tendríamos que crear nosotros esa clase. De forma parecida se especifica el tamaño del texto, borde, colores, fuente…

Cada propiedad está definida en una clase distinta, añadiendo distintas clases definimos todas las propiedades que necesitemos:

<div class=”w220 ml20 s12 A”>

ancho 220px (w), margen izquierdo 20px (ml) , tamaño fuente 12px (s), fuente (A para Arial, Helvetica, sans-serif; )

Ver más ejemplos

 

¿Es compatible con todos los navegadores? ¿Cumple los estándares?

Básicamente sí, con ciertos matices.

Estructura

El CSS viene en distintos archivos que descomprimidos suman 29,2KB y en principio tenemos que vincularlos todos. En la etapa de desarrollo es una forma de tener bien diferenciado dónde está cada cosa. Una vez terminado habrá que optimizar y comprimir las hojas de estilos.

image116 MarkerCSS | El Framework CSS en espa&ntilde;ol, una clase para cada cosa 

Su uso es muy sencillo así que es un buen comienzo para los diseñadores no versados en CSS y para maquetaciones tradicionales.

Como es de código abierto seguro que surgirán versiones y aportaciones que hagan por ejemplo un MarkerCSS líquido.

Enhorabuena y suerte José con tu iniciativa !!!

Enlace: MarkerCSS

Dicotomías relacionadas en pqpq.es

Cursos de diseño web en cursos v2b

Para aprender a tu ritmo y desde tu equipo. Todos estos cursos son en formato videotutorial y tienen la garantía de video2brain.

Puedes ver en esta demo más de 12 horas de vídeotutoriales completamente gratis.

La diferencia respecto a la web oficial de video2brain:

Si estás interesado en más de uno lo mejor es que adquieras una suscripción, acceso a TODOS los cursos de video2brain durante 1 año. Ofertas de suscripción anual:

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: