Diseño Responsivo

Bootstrap (parte 21): Formularios responsivos

Logo Bootstap

Los formularios son uno de los elementos más importantes de los sitios y aplicaciones web. Por eso Bootstrap  permite diseñar formularios con aspectos muy variados y define decenas de estilos para todos los campos del formulario. Configuración por defecto En…
Leer más

Bootstrap (parte 20): Barras de navegación

Logo Bootstap

Una barra de navegación es un elemento de navegación que se coloca en la parte superior de la página web. Con Bootstrap, la barras de navegación pueden extenderse o collapsarse, dependiendo del tamaño de la pantalla. Para crear una barra de…
Leer más

Bootstrap (Parte 19): Elementos de navegación

Logo Bootstap

Con Bootstrap puedes añadir a las páginas de tu web, de forma sencilla, elementos de navegación como solapas y botones. En HTML, un elemento de navegación se define mediante una lista desordenada <ul> a la que se aplica un estilo determinado. Algo parecido…
Leer más

15 temas Bootstrap para WordPress gratis

Logo WordPress

Te presentamos algunos de los mejores temas gratuitos basados en Bootstrap, el framework desarrollado por Twitter. Son temas que combinan las más avanzadas características de Bootstrap, como son la tecnología responsiva, que adapta la web al tamaño del dispositivo en el que se…
Leer más

Bootstrap (Parte 18): Elementos colapsables

Logo Bootstap

Los elementos colapsables en Bootstrap te serán útiles cuando desees ocultar y mostrar contenidos más o menos extensos. Sintaxis básica Para crear estos elementos colapsables debes de utilizar la clase .collapse en el elemento a colapsar u ocultar (por ejemplo…
Leer más

Bootstrap (Parte 17): Dropdowns (Botones desplegables)

Logo Bootstap

Utilizando Bootstrap podrás añadir botones desplegables o dropdowns a tu sitio web. Un dropdown es un menú desplegable que te permitirá seleccionar un valor, de entre los valores de una lista predeterminada. Dropdown básico Para implementar dropdowns o botones desplegables…
Leer más

5 cosas a evitar al desarrollar un proyecto responsivo

Diseño responsivo

Te voy a mostrar 5 cosas que debes evitar al desarrollar proyectos responsivos, ya que pueden echar a perder tus esfuerzos. Uno de los mayores desafíos a los que se enfrentan los diseñadores de páginas web hoy en día es la de crear diseños…
Leer más

Bootstrap (Parte 16): Paneles

Logo Bootstap

En Bootstrap, cuando necesites encerrar contenido dentro de un caja, deberías considerar la utilización de paneles. Para crear un panel básico, con un borde sencillo, debes de utilizar la clase .panel junto con la clase .panel-default. Para el contenido de…
Leer más

HTML para principiantes (Parte 16): Diseño responsivo o adaptable

Logo HTML5

¿Qué es el Diseño Web responsivo o adaptable? El Diseño Web responsivo hace que tu página web se ve bien en cualquier dispositivo (equipos de escritorio, tabletas y móviles). El diseño web responsivo se consigue utilizando CSS y HTML para redimensionar, ocultar, reducir, ampliar, o…
Leer más