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.
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; )
¿Es compatible con todos los navegadores? ¿Cumple los estándares?
Básicamente sí, con ciertos matices.
- Internet Explorer 6: Teniendo en cuenta que sólo el caduco IE6 tiene problemas al renderizar varias clases en un mismo elemento la técnica es compatible con el resto de navegadores.
- Incluye clases para esquinas redondeadas que no son compatibles con todos los navegadores.
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.
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
- Adobe Dreamweaver vs. Microsoft Expression Web
- Navegador: IE, Firefox, Opera, Safari, Flock o Chrome
- ¿Vas a actualizarte a Adobe CS4?
- Diseño web ¿Flash o XHTML?
- ¿Diseño web líquido o estático?
- ¿Crees que es importante cumplir los estándares web del W3C?
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:
- en ceslava ofrecemos los mismos cursos con un 15% de descuento,
- y gestionamos las subvenciones de la Fundación Tripartita para que estos cursos resulten gratuitos para trabajadores residentes en España.
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:
- Suscripción Anual Online: sólo 189€
- Suscripción TOTAL Online: por 289€ te podrás descargas todos los cursos a tu equipo.
Cualquier duda ponte en contacto, estaremos encantados de atenderte.
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
Trackbacks/Pingbacks/Retweets
RT @ceslava: MarkerCSS | El Framework CSS en español, una clase para cada cosa http://goo.gl/fb/Zfyn #css #diseñoweb #freebies
http://bit.ly/7RvCeK <– MarkerCSS, el framework CSS en Español, una clase para cada cosa
RT @aNieto2k: http://bit.ly/7RvCeK <– MarkerCSS, el framework CSS en Español, una clase para cada cosa
MarkerCSS | El Framework CSS en español http://icio.us/big23r
MarkerCSS | El Framework CSS en español, una clase para cada cosa http://goo.gl/fb/Zfyn #css #diseñoweb #freebies
RT @aNieto2k: http://bit.ly/7RvCeK <– MarkerCSS, el framework CSS en Español, una clase para cada cosa