Enfold es uno de los temas más populares para WordPress y en nuestra opinión uno de los mejores, por su gran adaptabilidad y su buena relación entre facilidad de uso y prestaciones. Con el tiempo y el uso, hemos ido recopilando una serie de recursos que hemos necesitado y que juntamos ahora en un «toolkit», que iremos evolucionando mientras sigamos utilizando este tema.
Uno de los elementos de un diseño web que más quebraderos de cabeza puede dar al plantear una maquetación responsive son las tablas. En este artículo veremos cómo generar tablas responsive que “mutan” automáticamente en función de la resolución para ofrecer una perfecta usabilidad en todo momento.
No siempre el modelo de rejilla de 12 columnas de Bootstrap nos resulta adecuado. En ocasiones, podemos necesitar modelos de rejilla con otra subdivisión. Por ejemplo, para crear un layout de 5 columnas. Usaremos este caso como ejemplo de desarrollo y como excusa para introducir el uso de las Media Queries, que nos permitirán adaptar el sistema Bootstrap resonsive base a nuestras necesidades..
La rejilla o grid es la base sobre la que construiremos el layout de nuestra página, es decir, la disposición de elementos. Es el componente esencial para asegurar que nuestra web se adaptará convenientemente a diferentes resoluciones y pantallas. Bootstrap utiliza un modelo de rejilla basado en dos tipos de contenedores y una rejilla de 12 columnas que resulta muy flexible, y que como veremos podemos también alterar cuando nos resulte conveniente.
A nadie creo que le quede duda de que actualmente es casi obligatorio desarrollar sitios web que estén totalmente adaptados a su utilización desde múltiples dispositivos (tabletas, móviles, portátiles, PCs…). Este post es el arranque de una colección de ellos en los que haremos un recorrido sobre BOOTSTRAP que pretender ser a la vez sistemático y práctico .
Con la ayuda de jQuery y jQueryUI se pueden crear y controlar muy fácil ventanas emergentes (dialogs). Estas “ventanas popup” son muy útiles para mostrar información variada, cómo el típico aviso legal, un mapa con datos de contacto o un call to action. Por defecto las ventanas emergentes de jQueryUI tienen un título, un botón de cierre y un imagen en la esquina que permite cambiar el tamaño, pero todo se puede modificar al gusto con un poco de JavaScript. En este tutorial veremos cómo hacerlo