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
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.
- 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.
Quickly nació para ser un framework CSS ligero, robusto y escalable.
Primer lanzamiento alfa con las herramientas esenciales para proyectos básicos.
- 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.
¡Quickly alcanza su primera versión estable con soporte completo para Template Grid
!
-
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.
-
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.
-
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. -
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. -
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. -
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 dez-index
, y se incluyó un nuevo template de panel en elindex
. -
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. -
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 dez-index
. Se agregó un buscador en el índice con soporte para términos en inglés y español. -
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 efectosfade
,flip
yzoom
. Se mejoró la estabilidad y optimización de transiciones. -
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. -
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
ydata-Qy-rb
. - Implementación de funciones para calcular posiciones de elementos en relación con el viewport.
-
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
ybottom
ahora utilizangrid
en lugar deflex
. - Soporte para
iframe
y nuevas clases para centrar elementos sin contenedorgrid
. - 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.
- Clases
-
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.
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">
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>
<script src="https://cdn.jsdelivr.net/gh/QuicklyCSS/Quickly@main/dist/v-1/js/quicklyForm.min.js"></script>
Quickly seguirá mejorando con nuevas funcionalidades y optimizaciones. ¡Estén atentos a nuevas versiones que incluirán componentes adicionales y mejoras de rendimiento!
Para guías detalladas, visita nuestro sitio oficial.
📧 ¿Preguntas o sugerencias? Escríbenos a: [email protected]
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.