Web BizarroWeb Bizarro

Suscríbete a nuestro Newsletter

X

Únete a nuestra lista de correos para recibir semanalmente actualizaciones de nuestro contenido.

Pure Markup con VanillaHTML

Pure Markup con VanillaHTML 14.JAN.14

Alvaro José Rios Ch
Fundador WebBizarro

Cuando usamosframeworks CSS es común tener que usar algunas clases o atributos adicionales para determinar el número de columnas por ejemplo que queremos en nuestra página, esto no esta mal pero hay momentos en los que puede ser un poco molesto y agrega algo de trabajo adicional hacer todo esto, por eso quiero mostrarles Vanilla HTMLque tiene algo de la filosofía de VanillaJs, la idea es solo usar HTML para crear los esqueletos de tus aplicaciones sin ningún marcado adicional.

Por ejemplo si queremos tener un layout con un título y dos columnas.

<body class="vanilla">
    <h2>Two Column Layout</h2>
    <section>
        <h3>This is column One</h3>
        <aside>
            This is Column Two
        </aside>
    </section>
</body>


Como ven solo debemos importar la librería y colocar la clase vanilla en el body el resto es simple HTML el framework se encarga de que todo se vea bien.

Una interesante opción que puede facilitar el trabajo, hacerlo más rápido y ayudarnos a crear interfaces limpias para nuestros proyectos.