Diseño Responsivo

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

Bootstrap (Parte 15): Listas de elementos

Logo Bootstap

Las listas de elementos de Bootstrap son componentes flexibles y poderosos, y que te permitirán mostrar listados formados por elementos complejos. Lista Básica La lista de elementos más básica está formada por un listado desordenado de elementos. Para crear una…
Leer más

Bootstrap (Parte 14): Paginación

Logo Bootstap

Si dispones de un sitio web con varias páginas, quizá desees añadir algún tipo de paginación. Una paginación básica en Bootstrap tiene el siguiente aspecto: Paginación básica Para crear una paginación básica, debes de añadir la clase .pagination a un…
Leer más

Bootstrap (Parte 13): Barras de progreso

Logo Bootstap

Puedes utilizar una barra de progreso para mostrar de forma continua el estado de ejecución de una tarea. Bootstrap proporciona diferentes tipos de barras de progreso. Una barra de progreso típica tiene el siguiente aspecto: Para crear una barra de…
Leer más

Bootstrap (Parte 12): Badges y Labels

Logo Bootstap

Los badges (insignias) se emplean para destacar el número de elementos nuevos, número de mensajes que no han sido leídos…; mientras que las labels (etiquetas) se usan generalmente para añadir alguna información valiosa, como notas importantes, avisos de advertencia… Badges Los números (5, 10…
Leer más

Bootstrap (Parte 11): Glyphicons

Logo Bootstap

Con Bootstrap puedes utilizar 200 iconos que se incluyen en una fuente especial llamada Glyphicons Halflings. Esta fuente es comercial, pero su creador permite que se utilice gratuitamente en Bootstrap. Por eso, como agradecimiento, cuando utilices estos iconos, deberías colocar un…
Leer más

Bootstrap (Parte 10): Grupos de botones

Logo Bootstap

Grupos de botones Bootstrap te permite reunir un conjunto de botones (en una sola línea o fila), en lo que se denomina Grupo de botones. Para crear un grupo de botones debes usar un elemento <div> con la clase .btn-group….
Leer más

Bootstrap (Parte 9): Botones

Logo Bootstap

En este artículo vas a conocer las capacidades de Bootrstrap en lo que respecta a la creación de botones. Estilos de botones Bootstrap proporciona siete estilos de botones distintos: Para conseguir estos siete tipos de botones tienes que utilizar las siguientes clases: .btn-default…
Leer más