Responsive CSS Loading Utility
Este proyecto es una utilidad simple para cargar hojas de estilo CSS de forma responsiva basada en la resolución de la ventana del navegador. Las hojas de estilo se aplicarán según la categoría de resolución (Mobile, Tablet, Laptop, PC) definida en el código.
Contenido
Uso
- Clona este repositorio a tu máquina local:
git clone https://github.com/sebastianszz/Responsive-CSS-Loading-Utility
-
Abre el archivo index.html en tu navegador. Verás un título "Hola Mundo" con fondos de colores diferentes según la resolución de la ventana.
-
Explora los archivos de hojas de estilo en la carpeta styles para ver cómo se aplican los estilos a diferentes resoluciones.
Estructura del Proyecto
-
index.html: El archivo HTML que muestra el contenido de la página.
-
index.js: El archivo JavaScript que maneja la lógica de carga de hojas de estilo según la resolución de la ventana.
-
styles/: Esta carpeta contiene las hojas de estilo CSS para diferentes resoluciones.
-
styles/mobile.css: Hoja de estilo para resoluciones de pantalla pequeñas (Mobile).
-
styles/tablet.css: Hoja de estilo para resoluciones de pantalla medianas (Tablet).
-
styles/laptop.css: Hoja de estilo para resoluciones de pantalla grandes (Laptop).
-
styles/computer.css: Hoja de estilo para resoluciones de pantalla muy grandes (PC).
Contribuciones
Este es un proyecto simple con un propósito específico, pero si tienes ideas de mejora o correcciones, ¡estoy abierto a contribuciones! Siéntete libre de hacer un fork del repositorio, realizar tus cambios y crear un pull request.
Autor
@SeezDev
Contacto
Si tienes preguntas o comentarios sobre este proyecto, no dudes en contactarme: