CSS & HTML en Drupal

En el post, vamos a hablar sobre las animaciones con CSS, en principio sin el uso de ninguna librería javascript. Para ello, tomaremos como ejemplo una animación que hemos creado para nuestra nueva  página web, que estará disponible en breve.

Animate.css surge de Daniel Eden, que ha decidido facilitarnos la vida creando una serie de estilos css que da animaciones a nuestras webs.  

Los tiempos cambian y hoy en día ya no necesitamos usar Flash, ni siquiera Javascript, para desarrollador animaciones gráficas o transiciones de presentación. Bienvenidos a las CSS Transitions.

Si todavía no conoces Sass, con esta introducción descubrirás cómo variedad de nuevas funcionalidades te permiten modificar tus estilos de forma más limpia, rápida, éficaz y personalizada. “Don’t repeat yourself” y “CSS con superpoderes” son su filosofía y una gran descripción, siendo así ¿por qué no probarlo? Una sencilla forma de introducirte a la maquetación web o ampliar tus conocimientos.

Nuestro amigo drupalero "Capynet" nos ha dejado este mixin con el que podremos generar un triángulo sobre cualquier elemento.

Tras haber tenido multitud de problemas usando otros grids, os voy a presentar Susy. Un grid más para SASS, más potente que nuestros grids tradicionales. Tal vez pueda ser más complejo su uso avanzado, pero sabiendo varias nociones básicas que comentaré a continuación nos será más sencilla su comprensión y aprendizaje inicial. Aunque esto es solo una pequeña parte…

Con el concepto de reutilización en mente (Don't Repeat Yourself)  y en un intento de facilitar y modularizar las hojas de estilo, Sass implementó una serie de mecanismos que nos permiten establecer una serie de 'funciones' dentro de nuestros estilos.