Skip to content

Poncho150996/blogCafePoncho

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Blog de Café Poncho

image

Este proyecto es un blog estático sobre café, desarrollado para mejorar habilidades en diseño y estilos en CSS. La página presenta un diseño atractivo y moderno, que invita a los usuarios a leer sobre temas relacionados con el café. Este proyecto está alojado en Netlify para su fácil acceso.

Características

  • Página principal: Una introducción al blog con enlaces a artículos.
  • Artículos individuales: Cada artículo tiene su propia página con diseño personalizado para facilitar la lectura.
  • Estilos avanzados en CSS: Se aplicaron técnicas de diseño CSS para crear una experiencia visualmente atractiva y profesional.

Tecnologías y enfoques de aprendizaje

  • Frontend: HTML, CSS y JavaScript para efectos y navegación.
  • CSS avanzado:
    • Flexbox y Grid: Para crear una disposición responsiva y consistente en distintos dispositivos.
    • Transiciones y animaciones: Se añadieron efectos sutiles para mejorar la interactividad y la apariencia de la página.
    • Tipografía y colores: Se trabajó en la elección de fuentes y colores que reflejan una estética moderna y profesional.
    • Adaptabilidad móvil: Diseñada para ofrecer una experiencia óptima tanto en dispositivos móviles como en pantallas de escritorio.
  • Hosting: Netlify para despliegue y acceso rápido.

Lecciones Aprendidas

  1. Diseño responsivo con Flexbox y Grid: Lograr una estructura flexible y mantener el diseño adaptable en diferentes resoluciones.
  2. Animaciones en CSS: Integración de transiciones y animaciones para una interfaz interactiva.
  3. Gestión de tipografía y colores: Crear una identidad visual consistente y profesional.
  4. Optimización móvil: Ajustar el diseño y el contenido para una navegación cómoda en dispositivos móviles.

Este proyecto ayudó a consolidar conocimientos de CSS y diseño de interfaz de usuario para una experiencia atractiva y responsiva.

Releases

No releases published

Packages

No packages published