Diseño web receptivo por ejemplo: adopte un diseño receptivo con HTML5, CSS3, JavaScript, jQuery y Bootstrap 4

Desarrolle sitios web adaptables y móviles primero que brinden la mejor experiencia de usuario para una amplia gama de dispositivos

Características clave

  • Desarrolle rápidamente y prototipo de sitios web receptivos aprovechando el poder de Bootstrap
  • Practique técnicas de optimización del rendimiento para que su sitio sea más ligero y rápido
  • Aprenda diseño web receptivo y descubra cómo crear sitios web listos para dispositivos móviles con facilidad

Descripción del libro

Los sitios web solo para escritorio ya no son lo suficientemente buenos. A medida que ingresa a un futuro de métodos de navegación cada vez más diversos, necesita saber cómo crear sitios web que sean presentables y que funcionen perfectamente con el gran volumen de diferentes tamaños y resoluciones de dispositivos que ahora están disponibles comercialmente. El diseño web receptivo es una respuesta al problema del desarrollo web moderno.

Siguiendo las instrucciones detalladas, las vistas previas y los ejemplos detallados en este libro, aprenderá cómo crear sitios web receptivos y atractivos y mejorar sus habilidades como diseñador web.

Con la cobertura de Responsive Grid System y Bootstrap, aprenderá sobre los marcos más potentes en diseño web receptivo.

En este libro, aprenderá cómo crear una página de blog nítida, un hermoso sitio de cartera, una página de redes sociales genial y una divertida galería de fotos. A través de cada uno de estos proyectos, aprenderá cómo crear varios elementos de un sitio web moderno y receptivo, y también descubrirá qué marco funciona mejor para las especificaciones de su proyecto.

Al final del libro, habrá adquirido las habilidades prácticas que necesita para crear sitios web del mundo real que sean profesionales, creativos y verdaderamente receptivos.

Lo que vas a aprender

  • Comprenda qué es el diseño receptivo y por qué es vital para el desarrollo web moderno
  • Personalice y extienda marcos de diseño receptivos
  • Cree plantillas adaptables para todos los proyectos futuros.
  • Cree una estructura semántica del sitio web con elementos HTML5
  • Determine una persona de sitio web receptiva con CSS3
  • Aprenda cómo decidir qué marco se adapta mejor a las especificaciones de su proyecto
  • Implemente una gran cantidad de características de Bootstrap en sus sitios web

Para quien es este libro

Si usted es un desarrollador web interesado en incorporar diseños web receptivos en sus sitios web, entonces este libro es para usted. La familiaridad con HTML5, CSS3 y líneas de comando, aunque no es esencial, lo ayudará a aprovechar al máximo este libro.

Tabla de contenido

  1. ¿Qué es el diseño web receptivo?
  2. ¿Qué es Bootstrap, por qué lo usamos?
  3. Plantilla de proyecto reutilizable
  4. Crear la sección de introducción
  5. Crear una sección de página única
  6. Crear una sección de contacto
  7. Creación de la página de inicio de publicaciones de blog
  8. Crear la página de publicación individual
  9. Agregar una barra lateral a la red social
  10. Crear la página de inicio en nuestra red social
  11. Crear la página de perfil del usuario
  12. Visualización de miniaturas de nuestras fotos
  13. Abrir imágenes usando una caja de luz

Leave a Reply

Your email address will not be published. Required fields are marked *