Skip to content

Quickly CSS GRID es una herramienta sencilla y eficaz para crear diseños responsivos utilizando CSS Grid. Esta biblioteca está diseñada para desarrolladores que desean aprovechar al máximo las capacidades de CSS Grid sin la necesidad de escribir código complejo.

License

Notifications You must be signed in to change notification settings

QuicklyCSS/Quickly

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 

Repository files navigation

🚀 Quickly - Framework CSS Grid

Version License Website

Quickly Banner

Inicio del Proyecto: 26 de marzo de 2024
Última Actualización: 14 de octubre de 2024
Versión Actual: Nougat 1.3.0
Sitio Oficial: QuicklyCSS


📜 Descripción

Quickly CSS GRID, es un framework CSS ligero y flexible que facilita el diseño de interfaces web modernas y responsivas. Con una amplia gama de utilidades y componentes, permite a los desarrolladores crear aplicaciones visualmente atractivas con facilidad.


🌟 Características Principales

  • Basado en CSS Grid: Aprovecha la potencia de CSS Grid para diseños avanzados.
  • Responsivo: Se adapta a cualquier dispositivo, desde móviles hasta grandes pantallas.
  • Fácil de usar: Sintaxis simple y clara, ideal para desarrolladores de todos los niveles.
  • Altamente Personalizable: Cambia estilos y funcionalidades para adaptarse a tus necesidades.

📅 Historial de Versiones y Actualizaciones

1️⃣ Inicio del Proyecto (26-03-2024)

Quickly nació para ser un framework CSS ligero, robusto y escalable.

2️⃣ Versión Alfa 1.0.0 (05-04-2024)

Primer lanzamiento alfa con las herramientas esenciales para proyectos básicos.

3️⃣ Versión Beta 1.3.0 (24-08-2024)

  • Nueva clase fixed para gestionar elementos con posición fija.
  • Corrección de errores en el z-index y nuevas plantillas de paneles.
  • Mejora en el rendimiento y la flexibilidad del diseño.

4️⃣ Lanzamiento Versión Oficial 1.0.0 Nougat (01-09-2024)

¡Quickly alcanza su primera versión estable con soporte completo para Template Grid!

Historia y Evolución

  1. Inicio del Proyecto (26-03-2024): Quickly nació como una respuesta a la necesidad de un framework CSS ligero y altamente personalizable. Desde sus inicios, el equipo de desarrollo se centró en crear un conjunto de herramientas que no solo fueran fáciles de usar, sino también robustas y escalables.

  2. Actualización y Versión Alfa 1.1.0 (05-04-2024): En menos de dos semanas desde su concepción, Quickly alcanzó su primera versión alfa. La versión Alfa 1.0.0 incluye una colección esencial de componentes y utilidades CSS que cubren las necesidades básicas de la mayoría de los proyectos web. A pesar de estar en su fase alfa, el framework ha sido diseñado con un alto estándar de calidad, proporcionando una base sólida para el desarrollo.

  3. Actualización y Versión Beta 1.1.0 (18-08-2024): En esta versión Beta, Quickly introduce la clase video, permitiendo una integración multimedia más fluida y adaptable a las necesidades de proyectos dinámicos. También se realizaron optimizaciones significativas en el rendimiento y en la documentación.

  4. Actualización y Versión Beta 1.2.0 (20-08-2024): Quickly introduce dos nuevas clases para mejor integración multimedia: .video-h para videos horizontales (16:9) y .video-v para videos verticales (9:16). Además, se realizaron mejoras en la documentación y optimizaciones de rendimiento.

  5. Actualización y Versión Beta 1.2.1 (22-08-2024): Se actualizaron el diseño del navbar eliminando la limitación del ancho (90%) para ofrecer mayor flexibilidad en diseño. También se añadió un nuevo template para videos y una sección de características.

  6. Actualización y Versión Beta 1.3.0 (24-08-2024): Se agregó la nueva clase fixed para manejar la posición fija de elementos, se corrigieron problemas de z-index, y se incluyó un nuevo template de panel en el index.

  7. Lanzamiento de la Versión Oficial 1.0.0 Nougat (01-09-2024): Quickly 1.0.0 Nougat incluye soporte completo para Template Grid, nuevas clases como .temp-g-5, mejoras de rendimiento, y ejemplos actualizados en la documentación. Esta versión oficial marca un hito importante en la estabilidad y escalabilidad del framework.

  8. Actualización y Corrección de Bug de la Versión Oficial 1.0.0 Nougat (06-09-2024): Se corrigió un bug en la clase modal ajustando el nivel de z-index. Se agregó un buscador en el índice con soporte para términos en inglés y español.

  9. Actualización y Nuevas Características de la Versión Oficial 1.1.0 Nougat (16-09-2024): Nuevas animaciones de entrada mediante los atributos [data-Qy-r] y [data-Qy-rb], con efectos fade, flip y zoom. Se mejoró la estabilidad y optimización de transiciones.

  10. Actualización y Corrección de Errores de la Versión 1.1.1 Nougat (18-09-2024): Se corrigió un bug relacionado con las animaciones 'run back' en móviles, optimizando el uso de IntersectionObserver para un mejor rendimiento.

  11. Actualización y Corrección de Errores de la Versión 1.1.2 Nougat (23-09-2024):

    • Mejora en la visibilidad de elementos animados en móviles.
    • Lógica optimizada para recoger elementos con atributos data-Qy-r y data-Qy-rb.
    • Implementación de funciones para calcular posiciones de elementos en relación con el viewport.
  12. Actualización a la Versión Nougat 1.2.0 (07-10-2024):

    • Clases .z-below y .z-above optimizadas para la gestión del eje Z.
    • Las clases de posicionamiento Z para top, center y bottom ahora utilizan grid en lugar de flex.
    • Soporte para iframe y nuevas clases para centrar elementos sin contenedor grid.
    • Documentación actualizada con mejoras en la definición de grid.
    • Mejora en el control del menú desplegable en dispositivos móviles.
    • Solución del cierre inesperado de submenús en la versión móvil.
  13. Actualización a la Versión Nougat 1.3.0 (14-10-2024):

    • Se incluyó soporte para el menú de Quickly en WordPress, permitiendo una fácil integración y personalización del menú desde el dashboard de WordPress.
    • Mejoras en la estructura CSS para compatibilidad con temas personalizados de WordPress.
    • Documentación ampliada con ejemplos para la integración del menú en diferentes plantillas de WordPress.

🛠️ Instalación

1️⃣ Incluir CSS

Añade el siguiente enlace en la etiqueta <head> de tu archivo HTML:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/QuicklyCSS/Quickly@main/dist/v-1/css/quickly.min.css">

2️⃣ Incluir JS Componentes

Antes del cierre de la etiqueta <body>:

<script src="https://cdn.jsdelivr.net/gh/QuicklyCSS/Quickly@main/dist/v-1/js/quicklyComp.min.js"></script>

3️⃣ Incluir JS Formularios

<script src="https://cdn.jsdelivr.net/gh/QuicklyCSS/Quickly@main/dist/v-1/js/quicklyForm.min.js"></script>

🔮 Futuro del Proyecto

Quickly seguirá mejorando con nuevas funcionalidades y optimizaciones. ¡Estén atentos a nuevas versiones que incluirán componentes adicionales y mejoras de rendimiento!


📖 Documentación y Recursos

Para guías detalladas, visita nuestro sitio oficial.
📧 ¿Preguntas o sugerencias? Escríbenos a: [email protected]


💡 Contribuye a Quickly

Si quieres contribuir a este proyecto, ¡nos encantaría contar contigo!

  • Realiza un fork del repositorio.
  • Crea un nuevo branch para tus cambios.
  • Envía un Pull Request con una descripción detallada de tus mejoras.

🖥️ Hecho con ❤️ en Chile por Alex Osses


About

Quickly CSS GRID es una herramienta sencilla y eficaz para crear diseños responsivos utilizando CSS Grid. Esta biblioteca está diseñada para desarrolladores que desean aprovechar al máximo las capacidades de CSS Grid sin la necesidad de escribir código complejo.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published