El desarrollo de una barra de navegación responsive estándar con Bootstrap es sencillo. La cosa se complica en dispositivos móviles pequeños cuando queremos incluir varias funcionalidades diferentes y que siempre estén presentes. Para la web efisioterapia.net que funciona sobre Drupal 7, además de solucionar el reto de tener un campo de búsqueda siempre presente ...
Recientemente hemos desarrollado un tema visual responsive para la web efisioterapia.net que funciona sobre Drupal 7. Basado en bootstrap, el tema visual debía cumplir los requerimientos de sencillez y limpieza y estar orientado principalmente a los dispositivos móviles. Para no recargar el ya excesivo código que genera el propio drupal y evitar así contruibuir ...
Animar gráficos SVG con CSS es como animar cualquier otro elemento, se pueden aplicar transiciones, transformaciones y keyframes. Pero... ¿por qué usar gráficos SVG en lugar de imágenes?.
SVG (Scalable Vector Graphics) es el formato estándar de imagen vectorial para gráficos bidimensionales que soporta interacción y animación con CSS o JavaScript.
Recientemente migramos la web de Fitichely Serveis Culturals de Wordpress a nuestro servicio de gestión de contenidos web Ska!CMS. Desarrollamos el tema visual responsive basado en Bootstrap, manteniéndonos fieles a la imagen original. Para aligerar la carga intentamos usar la mayor cantidad de estilos puramente CSS en lugar de Javascript. En este artículo explicamos ...
En ocasiones es interesante aplicar cambios en elementos basados en las dimensiones de su contenedor, en lugar de las dimensiones de la ventana del navegador. Para abordar este problema ha nacido el concepto “element queries” o “container queries” aunque todavía no es una realidad.
Aquí vamos a ver un ejemplo de cómo, a través ...