Ir al contenido principal

¿Has probado ya esta joya? Kigen (en kigen.design/color) es una herramienta ultra‑rápida y precisa para generar paletas completas a partir de un solo color base.

¿Por qué enamorarse de Kigen?

  • Genera automáticamente 11 tonos — desde claros silvestres hasta oscuros intensos, ideales para esquemas tipo 50‑100‑...‑900, o incluso 950.
  • Algoritmos de armonía: elige entre varios métodos que garantizan transiciones estéticas y balanceadas.
  • Exportación lista para usar: obtén CSS, swatches en SVG/JSON, etiquetas para Tailwind CSS o variables de Figma — ideal para diseñadores y devs
  • Chequeo de contraste al instante, con espacios de color como HEX, HSL, RGBA, OKLCH… cumple con accesibilidad sin esfuerzo
  • Inspiración en comunidad: más de 5 000 diseñadores ya lo usan en Figma

👉 https://kigen.design/color

Nueva actualización importante para quienes usamos Bricks:
Advanced Themer 3.3 ya es totalmente compatible con Bricks 2.0 y trae varias mejoras centradas en la experiencia de usuario.

🔍 Novedades destacadas:

  • ✅ Compatibilidad completa con Bricks 2.0
  • ⚡ Preferencias UX ahora almacenadas en localStorage, no en base de datos → más rápido y persistente
  • 🧩 Nuevo menú de estructura para centralizar ajustes y herramientas relacionadas
  • 🔧 Varios ajustes ahora se gestionan dentro del constructor
  • 📦 Se ha añadido un convertidor para migrar la configuración antigua de ocultar/eliminar elementos
    (Ve a Configuración del tema > Configuración global > Convertidores)

📌 Registro completo de cambios:
https://advancedthemer.com/changelogs/

¡Ya tenemos nueva versión de WindPress! 😎

Esta actualización mejora la integración con Bricks 2.0, asegurando una experiencia fluida en los nuevos entornos basados en componentes.

🆕 Novedades del registro de cambios:

  • ✅ Compatibilidad oficial con Bricks 2.0
  • 🔧 Corrección: La función de Clases Lisas ahora funciona correctamente dentro de Componentes.

Bricks ha alcanzado un nuevo hito con el lanzamiento oficial de la versión 2.0, una actualización histórica que culmina cuatro años de desarrollo y más de 3.500 mejoras desde la versión 1.0.

Es importante revisar esta versión en entorno de pruebas antes de actualizar tu sitio en producción. Aquí tienes un resumen de lo más destacado:


🔧 Mejoras del Constructor

  • Permisos granulares: Control total sobre qué puede hacer cada usuario o rol.
  • Gestores dedicados: Para fuentes, iconos y elementos del builder.
  • Paleta de comandos (CMD/CTRL + K): Navega, crea o duplica contenido más rápido.
  • Interfaz optimizada: Nueva barra de acceso rápido y edición en lote.

🎨 Estilo y Control Visual

  • Constructor visual de CSS Grid con soporte para drag & drop.
  • Nueva interfaz de selectores y pseudoelementos.
  • Soporte completo para SVGs con clases y breakpoints.
  • Mejor gestión de clases, variables y hojas de estilo.

⚙️ Flujo de trabajo y rendimiento

  • UI renovada, más clara y coherente.
  • Detección de elementos huérfanos y herramientas de limpieza.
  • Componentes anidados y estables, sustituyen a los elementos globales (¡ya deprecados!).
  • Mejoras de rendimiento y nueva lógica de renderizado.
  • Capas en cascada (CSS Cascade Layers) activadas por defecto.

🛍️ WooCommerce y elementos clave

  • Muestras visuales para productos variables.
  • Interacciones personalizadas para eventos de WooCommerce.
  • Elemento Formulario con acción Webhook.
  • Elemento Mapa con bucles dinámicos y marcadores personalizados.

📌 Puedes revisar todo el changelog completo aquí:
👉 bricksbuilder.io/release/bricks-2-0

📺 Y ver el vídeo resumen aquí:
👉 Ver vídeo en YouTube

Una actualización importante que marca un antes y un después en la configuración visual de Tailwind dentro de WordPress.

🧙‍♂️ ¿Qué trae de nuevo esta versión?

✅ Nuevo Wizard de configuración
Ahora puedes configurar tu tema de Tailwind desde una interfaz visual organizada y clara.
El Wizard te guía a través de secciones como:

  • Theme Settings: Define si quieres usar un tema estático (@theme static) o partir desde cero desactivando el tema por defecto (@theme initial).
  • Spacing Multiplier: Ajusta el multiplicador base para el espaciado de forma precisa (ej: 0.25rem, 1px, 0.5rem).
  • Screens, Typography, Colors…

🧩 Interfaz integrada con el panel de WindPress
Accesible desde el menú lateral, permite modificar opciones clave sin editar archivos directamente.


📦 Y además…

🔁 Tailwind CSS actualizado a la versión 1.1.11

👉 Ver changelog oficial

El equipo de Bricks acaba de publicar la segunda versión candidata a la esperada 2.0. Esta RC2 incluye más de 30 correcciones, mejoras y ajustes importantes tras el feedback recibido en la RC1.

🛠️ Algunos puntos destacados:

  • Varias correcciones en el nuevo sistema de componentes.
  • Ajustes en rich text, slider, repeater, y formularios.
  • Solución de errores en temas como accesibilidad, clases CSS, condiciones dinámicas, y sincronización.
  • Mejoras en el rendimiento general y consistencia visual del builder.

⚠️ Recuerda: sigue siendo una versión de prueba, no recomendada aún para entornos en producción.

La última versión se lanzó el 26 de junio de 2025 e incluye correcciones clave para el motor interno y la CLI: github.com

  • 🔄 Heurística para omitir migraciones de candidatos dentro de emit(…)
  • 🔍 Extracción correcta de candidatos con variantes en keywords de Clojure/ClojureScript
  • 📖 Documentación del flag --watch=always en el uso de la CLI
  • ⚡ Soporte para Vite 7 en @tailwindcss/vite

ℹ️ Nota para usuarios de WindPress y WordPress
Estos cambios están más orientados a flujos de trabajo con CLI avanzadas, Vite o proyectos basados en Clojure. Para nuestra integración con WindPress en WordPress, no deberían tener impacto directo, así que podéis seguir con vuestra configuración habitual sin necesidad de ajustes inmediatos.

Esta version RC incorpora todos los comentarios que se comentaron durante la beta 2.0, además de todas las nuevas funcionalidades que quieren incluir en la versión final.

🔗 Descarga manual
Disponible en tu cuenta de Bricks:
https://my.bricksbuilder.io/

✨ Novedades destacadas

  • Paleta de comandos: Ejecución rápida de acciones desde cualquier parte del editor.
  • Elemento: Barra de acceso rápido: Personaliza los accesos directos que más utilizas.
  • Estilos temáticos – Métodos de carga: Control total sobre cómo y cuándo se aplican tus estilos globales.
  • Hojas de estilo (a través de estilos temáticos): Organización y carga inteligente de CSS.
  • Clases y variables desplegables – Categorías toggleable: Más orden en tu gestor de utilidades.
  • Mapa – Mapa: mejoras en el agrupamiento de marcadores y en los propios marcadores: Mayor flexibilidad al trabajar con componentes de geolocalización.

📄 Changelog completo:
https://bricksbuilder.io/release/bricks-2-0-rc/

🙏 ¡Tu ayuda es clave!
Después de esta fase, se lanzará Bricks 2.0 definitiva con “un clic” de actualización.

¡Hola, comunidad! Esta mañana tuvimos una sesión en el IES Doctor Luis Simarro sobre WordPress y Tailwind CSS, y aquí os dejo algunas instantáneas del evento.

👉 Temas tratados:

  • Visión general de WordPress: ecosistema, comunidad y salidas profesionales.
  • Tailwind CSS: qué es, cómo funciona y comparación práctica con otras opciones (especialmente Bootstrap).
  • Ronda de preguntas para aclarar dudas y compartir experiencias.

🙌 Gracias al instituto por invitarnos y a todo el alumnado por su atención e interés.

📸 Fotos de la charla en el IES Doctor Luis Simarro¡ 📸 Fotos de la charla en el IES Doctor Luis Simarro¡

Se han liberado dos versiones consecutivas: v4.1.9 y v4.1.10, esta última como corrección inmediata a un error detectado en la anterior. Aquí te dejamos los cambios clave:

🔧 v4.1.9 – Mejoras y ajustes importantes

  • ✅ Se corrige el parseo de propiedades personalizadas que contienen puntos y coma en cadenas de texto.
  • 🔁 Se migran modificadores arbitrarios sin porcentaje a valores simples (ej.: /[0.16] → /16).
  • 🧠 Se migran atajos de variables CSS cuando el valor de fallback contiene funciones.
  • ➖ Migración de valores arbitrarios negativos a la nueva sintaxis simplificada (ej.: mb-[-32rem] → -mb-128).
  • ❌ Se evita migrar la utilidad blur usada en wire:model.blur.
  • 🎯 Mejora en la formateación de expresiones matemáticas: no se añaden espacios innecesarios en identificadores con guiones.

🐛 v4.1.10 – Corrección crítica

  • 🧮 Se soluciona un error que generaba CSS incorrecto al usar porcentajes en valores arbitrarios dentro de calc(), por ejemplo:
    w-[calc(100%-var(--offset))] ya funciona correctamente.

Ver registro de cambios aqui: 👉 https://github.com/tailwindlabs/tailwindcss/releases/tag/v4.1.10