Web Design Blueprints
Benjamin LaGrone
- Editorial
- Packt
- Año
- 2016
- Páginas
- ~290
- Nivel
- Intermedio
De qué trata
Libro práctico de Benjamin LaGrone, desarrollador web de Texas, publicado por Packt en 2016. Recorre cuatro tendencias del diseño web de la época con instrucciones directas y código listo para usar en cada capítulo: diseño responsive, flat design, parallax scrolling y aplicaciones de una sola página (SPA). Está dirigido a desarrolladores y diseñadores con una base razonable de HTML, CSS y JavaScript que quieren pasar de la teoría a técnicas concretas.
El primer capítulo enseña a diseñar sitios que se adaptan a distintos tamaños de pantalla con media queries y maquetas fluidas. El segundo aplica los patrones de interfaz del flat design: colores planos, tipografía clara y ausencia de efectos de relieve. El tercero construye sitios de desplazamiento profundo con efectos de parallax en 3D mediante CSS y JavaScript. El cuarto explica cómo crear una SPA propia que carga contenido con Ajax sin recargar la página, sin depender de un framework. El quinto y último, «The Death Star Chapter», combina todas estas técnicas en un mismo trabajo.
Al estar organizado como un conjunto de «planos», es fácil leer solo el capítulo que interesa y llevarse el código a un proyecto propio. Lo más instructivo es ver cómo se hace a mano una SPA o un efecto parallax antes de recurrir a librerías. Por otro lado, el flat design y el parallax eran modas de 2016 y hoy la maquetación se resuelve mejor con Flexbox y CSS Grid. Además, la parte de SPA no sustituye el aprendizaje de un framework moderno como React, Vue o Angular. Conviene leerlo como un taller de técnicas de frontend más que como una guía de arquitectura.
- Diseño responsive
- Media queries
- Flat design
- Parallax scrolling
- Efectos 3D con CSS
- Single Page Applications
- Ajax
- JavaScript
- HTML5 y CSS3
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Sitio responsive con estilo flat
Página adaptable a distintos dispositivos mediante media queries y maqueta fluida, con una interfaz basada en los patrones del flat design.
Sitio de desplazamiento con parallax 3D
Página de scroll largo en la que las capas se mueven a distinta velocidad para crear profundidad, con efectos hechos en CSS y JavaScript.
Single Page Application propia
Aplicación de una sola página construida sin framework, que carga y cambia contenido mediante Ajax sin recargar el navegador.
The Death Star Chapter
Capítulo final que integra en un mismo trabajo el diseño responsive, el estilo flat, el parallax y la arquitectura SPA vistos en el libro.
