Este es un proyecto de blog de café simple y elegante creado con HTML y CSS. El objetivo principal de este proyecto es proporcionar un sitio web atractivo y funcional para compartir información y noticias relacionadas con el café.
¡Explora el blog de café en BlogDeCafé para interactuar con el demo!
-
Diseño Responsivo: El blog está diseñado para adaptarse a diferentes tamaños de pantalla, lo que garantiza una experiencia de usuario óptima en dispositivos móviles y de escritorio.
-
Mejoras de Rendimiento:
- Lazy Loading: Las imágenes se cargan de forma diferida, mejorando el tiempo de carga inicial y reduciendo el consumo de ancho de banda.
- Preload y Prefetch: Se han utilizado las etiquetas
<link>para precargar recursos esenciales y prefetching para recursos secundarios, mejorando aún más el rendimiento de carga de la página. - Webp: Las imágenes se han optimizado en el formato Webp para reducir el tamaño del archivo sin comprometer la calidad visual.
-
Compatibilidad con Navegadores:
- Modernizr: Se utiliza Modernizr para detectar las capacidades del navegador y aplicar estilos y comportamientos específicos según sea necesario, garantizando una experiencia consistente en todos los navegadores.
- Clona este repositorio:
https://github.com/cesarcoello/blog-de-cafe.git - Abre el archivo
index.htmlen tu navegador.
¡Las contribuciones son bienvenidas! Si encuentras algún problema o tienes sugerencias para mejorar el blog, no dudes en abrir un problema o enviar una solicitud de extracción.
Este proyecto está bajo la Licencia MIT.