Con Markercss es más fácil!

Maquetar páginas web puede resultar un tedioso proceso en el cual se deben crear y nombrar todos los estilos de capas, así como definir textos y todos los atributos.

Otra dificultad surge al tener que recordar las caracteristicas de cada estilo, y de buscar un estilo dentro de decena de clases creadas.

Por ejemplo 2 capas en el sistema tradicional:

.container01 {
    position:relative;
    float:left;
    width:500px;
    height:700px;
    }

.container02 {
    position:relative;
    float:left;
    width:50px;
    height:70px;
    }
    
    				
<div class=”container01”>
    <div class=”container02”></div>
</div>

Con Markercss el proceso se limita a introducir las referencias y listo!, así de fácil.

Por ejemplo las mismas capas con el sistema Markercss:

<div class=”rl w500 h700”>
    <div class=”rl w50 h70”></div>
</div>

Markercss y velocidad de carga

Si bien Markercss incluye muchas referencias estas están dispuestas de tal manera que la velocidad no se ve afectada.

Y para lograrlo, por ejemplo el ancho tiene unos valores desde 10 a 1000, pero lo hace en múltiplos de 10, por ejemplo w10, w20… así la descarga de código es normal.

Markercss utiliza referencias prestablecidas

Markercss incluye los estilos necesarios para la creación de tu web, y así solo debes incorporar las referencias.

Ejemplo de aplicación de una fuente Arial y tamaño de 10px:

<div class=”A s10”></div>

Subdivisión en temas para un acceso más claro

Markercss está dividido en distintos temas para un mejor acceso; maquetación, bordes, fondos, enlaces, formularios, textos, colores y tablas.

Markercss suma!

Si estás acostumbrado a maquetar de forma tradicional, puedes utilizar Markercss como complemento de tus páginas web, y así podrás realizar tus páginas de forma más fácil y complementaria.