📦 Instalación vía NPM

Quickly ahora está disponible como paquete en npm.

npm install quicklycss-official

✅ Importar CSS

import 'quicklycss-official/dist/v-1/css/quickly.min.css';

🔄 Archivos JS y animaciones (opcional)

import 'quicklycss-official/dist/v-1/css/quicklyAnimation.min.css';
import 'quicklycss-official/dist/v-1/js/quicklyAnimation.min.js';
import 'quicklycss-official/dist/v-1/js/quicklyComp.min.js';
import 'quicklycss-official/dist/v-1/js/quicklyForm.min.js';

📅 Historial de Versiones y Actualizaciones

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.

14. Actualización a la Versión Nougat 1.4.0 (22-02-2025):

    • Nuevas clases de espaciado vertical y horizontal para ajustes precisos en el diseño.
    • Optimización del buscador con mayor cobertura de términos.
    • Indicadores visuales en la documentación: N para novedades y A para actualizaciones.

15. Actualización a la Versión Nougat 1.5.0 (26-04-2025):

    • 🚀 Corrección en Carrusel: Solución de un bug en Safari que impedía el renderizado correcto tras el primer ciclo.
    • ✂️ Nueva función Text Cut: Recorta textos dinámicamente por caracteres o palabras.
    • 🔤 Nuevas clases .text-wrap y .text-nowrap: Controlan el salto de línea en textos largos para evitar desbordes.
    • 📚 Documentación actualizada con ejemplos para Carrusel y Text Cut.

🔮 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: getquicklycss@gmail.com

💡 Contribuye a QuicklyCSS

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