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

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.

image 

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:

Cualquier duda ponte en contacto, estaremos encantados de atenderte.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

  1. hola sus cursos son casi inalcansables para la gente de esta parte del globo ya que la moneda colombiana en relacion con el euro es de 3000 pesos colombianos por cada euro yo creo que deberian pensar mas en promosiones para estos paises subdesarrollados ya que nunca se piensa si no en como hacer llegar la informasion pero nunca de lo inalcansable para nosotros ya que en verdad es injusto que por el cambio monetario nos veamos cada vez mas alejados de in mundo cada vez mas tecnificado y no tengamos otra obsion que ver el mundo tal y como noslo mandan paises desarrollados y no tener la posibilidad de incursionar a nivel global