Pequeños proyectos CSS

Opiniones de los lectores

El libro ha sido muy elogiado por su exhaustiva cobertura de CSS, sus ejemplos prácticos y un enfoque estructurado que enseña eficazmente tanto a principiantes como a desarrolladores experimentados. Sin embargo, la calidad de impresión es criticada por ser pobre, con texto difícil de leer y gráficos descoloridos.

⬤ Cobertura completa y exhaustiva de CSS
⬤ ejemplos interesantes y prácticos
⬤ sin palabrería, capítulos centrados
⬤ adecuado para principiantes
⬤ cubre temas avanzados como SVG y preprocesadores CSS
⬤ ayuda a mejorar las habilidades CSS y proporciona valiosos consejos.

⬤ Mala calidad de impresión
⬤ texto difícil de leer
⬤ gráficos descoloridos.

(basado en 5 opiniones de lectores)

Título original:

Tiny CSS Projects

Contenido del libro:

CSS es un lenguaje imprescindible para todos los desarrolladores web. En este libro práctico, explorará numerosas técnicas para mejorar su forma de escribir CSS mientras construye 12 proyectos diminutos.

En Tiny CSS Projects construirás doce proyectos web emocionantes y útiles, entre los que se incluyen:

⬤ Una pantalla de carga creada estilizando gráficos SVG.

⬤ Un diseño de periódico responsivo con múltiples columnas.

⬤ Animación de botones de redes sociales con pseudo-elementos.

⬤ Diseño de layouts usando grillas CSS.

⬤ Tarjetas de resumen que utilizan interacciones hover.

⬤ Estilizar formularios para hacerlos más atractivos a los usuarios.

Los proyectos pueden ser pequeños, ¡pero las habilidades CSS que aprenderás son enormes! Tiny CSS Projects te enseña a crear hermosos sitios web y aplicaciones guiándote a través de una docena de divertidos retos de codificación. Aprenderás habilidades importantes a través de la práctica mientras juegas con tu propio código y tomas decisiones creativas reales sobre los proyectos que estás construyendo. Dominará rápidamente los conceptos básicos y, a continuación, se adentrará en las apasionantes funciones de diseño de CSS, como grid y flexbox, animaciones, transiciones y media queries.

La compra del libro impreso incluye un libro electrónico gratuito en formato PDF, Kindle y ePub de Manning Publications.

Acerca de la tecnología

No se conforme con páginas web aburridas. Con las Hojas de Estilo en Cascada puedes controlar el color, el diseño y la tipografía para que tus sitios sean a la vez funcionales y bonitos. CSS es una habilidad esencial para desarrolladores y diseñadores web. Este libro le ayudará a empezar de la forma correcta.

Acerca del libro

Tiny CSS Projects desarrolla tus conocimientos de CSS guiándote a través de 12 miniproyectos creativos. Cada interesante desafío comienza con un esqueleto HTML descargable. A medida que lo desarrolles con tus propias ideas de diseño, dominarás conceptos CSS como transiciones, diseño y formas de estilo, y explorarás potentes funciones como Flexbox y Grid. Todas las habilidades que aprenderás son fáciles de transferir a aplicaciones de tamaño completo. Cuando termines, tendrás una emocionante cartera de diseños listos para tu próximo proyecto.

Contenido

⬤ Transiciones y animaciones con fotogramas clave.

⬤ Técnicas de diseño incluyendo Grid y Flexbox.

⬤ Estilización de elementos de formulario incluyendo botones de radio.

⬤ Incorporación de fuentes y estilos relacionados con la tipografía.

⬤ Estilización condicional usando pseudo-elementos y media queries.

Acerca del lector

Para lectores con conocimientos básicos de HTML y desarrollo frontend. No se requiere experiencia previa con CSS.

Sobre el autor

Martine Dowden es autora, conferenciante y galardonada directora de tecnología. Michael Gearon es un diseñador de experiencia de usuario y desarrollador frontend que ha trabajado con muchas marcas conocidas.

Índice

1 Introducción a CSS.

2 Diseño de un layout con CSS Grid.

3 Creación de una pantalla de carga animada adaptable.

4 Creación de un diseño de periódico web responsivo.

5 Tarjetas de resumen con interacciones hover.

6 Creación de una tarjeta de perfil.

7 Aprovechar toda la potencia de float.

8 Diseño de un carrito de la compra.

9 Creación de una tarjeta de crédito virtual.

10 Formularios con estilo.

11 Enlaces animados para compartir en redes sociales.

12 Uso de preprocesadores.