Oficina: 616 570 753 info@grupotxalo.com

      El término “responsive web design” se escucha frecuentemente, pero ¿qué es exactamente? El responsive design corresponde a una tendencia de creación de páginas web que pueden ser visualizadas perfectamente en todo tipo de dispositivos, desde ordenadores de escritorio hasta smartphones o tablets. Con este tipo de diseño no necesitas tener una versión para cada dispositivo, una sola web se adapta a todos ellos.

      ¿Cómo funciona el responsive web design?

      En lugar de construir una website para cada tipo de dispositivo (smartphone, tablet, ordenador desktop, laptop e incluso, hoy en día, para smart TV), se crea una sola website utilizando CSS3 media queries y un layout con imágenes flexibles. De esta forma, la website detecta desde qué clase de dispositivo está accediendo el usuario y muestra la versión más optimizada para ese medio, reorganizando los elementos de la web e incluso discriminando algunos de ellos (menos imágenes, más ligeras, redistribución de las columnas en el diseño, menos texto, etc.).

      El HTML5 permite una experiencia excelente para los usuarios, sin el coste de desarrollar una app nativa para cada dispositivo. En resumen, se diría que el responsive design son todo ventajas.


      01 Presentación

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      02 Conceptos Básicos de HTML5

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      03 Etiquetas Semánticas e Icono de Pagina

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      04 Etiquetas de Contenido

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      05 Etiquetas Multimedia (video y audio)

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      06 Sintaxis y Estructura de CSS3

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      07 Selectores CSS3 class – id

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      08 Responsive Design y Mobile First

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      09 Fuentes y Propiedades de Texto

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      10 Menú Responsive

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      11 Modelo de Caja

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      12 Creación de Articles

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      13 Articles Responsive

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      14 Estilo de Articles

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      15 Colores

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      16 Creación de Temas de Colores

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      17 Imagenes de Fondo

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      18 Fondos degradados

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      19 Sombras

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      20 Ocultar Elementos

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      21 Slider Responsive

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      22 Botones Redes Sociales

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      23 Pseudoclase hover

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      24 Transformaciones

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      25 Prefijos

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      26 Pseudoelementos after before

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      27 Animaciones CSS Keyframes

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.

      28 Google Analytics

      Tutorial de como hacer nuestra propia pagina web moderna en internet con HTML5.