Registro de cambios

Todas las últimas incorporaciones y mejoras que hemos realizado en DivMagic

16 de abril de 2024

Mejoras y correcciones de errores

Se mejoró la generación de vista previa de componentes guardados. Algunos componentes no mostraban la vista previa correctamente.

Se corrigió un error por el cual el botón Guardar componente no funcionaba.

Somos conscientes de que, a medida que se agregan más funciones, la extensión podría volverse más lenta. Estamos trabajando para mejorar el rendimiento de la extensión.

8 de abril de 2024

Nuevas funciones y mejoras

Esta versión incluye una nueva característica: Vistas previas en la biblioteca de componentes

Ahora puede ver las vistas previas de sus componentes guardados en la Biblioteca de componentes.
También puedes ir a tu panel directamente desde la extensión.

8 de abril de 2024

Mejoras


Mejorado el rendimiento de la extensión.

31 de marzo de 2024

Nueva caracteristica

Esta versión incluye una nueva característica: Biblioteca de componentes

Ahora puede guardar los elementos copiados en la Biblioteca de componentes. Esto le permitirá acceder a sus componentes guardados en cualquier momento.
También puede compartir sus componentes con otras personas compartiendo el enlace de Studio.

También puede exportar sus componentes a DivMagic Studio directamente desde la Biblioteca de componentes.31 de marzo de 2024

15 de marzo de 2024

Nuevas funciones y mejoras

Esta versión incluye tres características nuevas: Nueva herramienta para Toolbox, Nuevas opciones de copia y Autocompletar para el modo Editor.

Herramienta Thrash para Toolbox
Thras Tool le permitirá ocultar o eliminar elementos del sitio web.

Nuevas opciones de copia
Ahora puedes copiar HTML y CSS por separado.
También puede obtener código HTML y CSS copiado con los atributos, clases e ID HTML originales.

Autocompletar para el modo Editor
Autocompletar sugerirá las propiedades y valores CSS más comunes a medida que escribe.

Mejoras

  • Se agregó una opción para exportar código a DivMagic Studio directamente desde Opciones de copia.
  • Código de optimización de estilo mejorado para reducir el tamaño de la salida.
  • Capacidad de respuesta mejorada del estilo copiado.

2 de marzo de 2024

Nueva caracteristica

Se agregó una nueva herramienta a la caja de herramientas: Selector de color.

Ahora puedes copiar colores desde cualquier sitio web y utilizarlos directamente en tus proyectos.
Por ahora, esto sólo está disponible en la extensión de Chrome. También estamos trabajando para agregar esta función a la extensión de Firefox.

26 de febrero de 2024

Mejoras y correcciones de errores

Mejoras

  • Código de optimización de estilo mejorado para reducir el tamaño de la salida.
  • Capacidad de respuesta mejorada del estilo copiado.

Corrección de errores

  • Se corrigió un error por el cual algunos estilos CSS no se copiaban correctamente.
  • Se corrigió un error por el cual el estilo copiado no respondía si el elemento se copiaba desde un iframe
  • ¡Gracias a todos los que informan errores y problemas! Estamos trabajando para solucionarlos lo antes posible.

24 de febrero de 2024

Nuevas funciones y mejoras

Si la extensión deja de responder después de la actualización automática, desinstálela y vuelva a instalarla desde Chrome Web Store o los complementos de Firefox.

Esta versión incluye múltiples características nuevas: Caja de herramientas, Live Editor, Página de opciones, Menú contextual

Toolbox incluirá todas las herramientas que necesitará para el desarrollo web en un solo lugar. Copia de fuentes, selector de color, visor de cuadrícula, depurador y más.

Live Editor le permitirá editar el elemento copiado directamente en el navegador. Puede realizar cambios en el elemento y ver los cambios en vivo.

La página de opciones le permitirá personalizar la configuración de la extensión. Puede cambiar la configuración predeterminada y establecer sus preferencias.

El menú contextual le permitirá acceder a DivMagic directamente desde el menú contextual. Puede copiar elementos o iniciar la caja de herramientas directamente desde el menú contextual.

Caja de herramientas
La caja de herramientas incluye el modo de inspección, copia de fuentes y visor de cuadrícula. Agregaremos más herramientas a la caja de herramientas en el futuro.Caja de herramientas

Editor en vivo
Live Editor le permitirá editar el elemento copiado directamente en el navegador. Puede realizar cambios en el elemento y ver los cambios en vivo. Esto facilitará la realización de cambios en el elemento copiado.Editor en vivo

Página de opciones
La página de opciones le permitirá personalizar la configuración de la extensión. Puede cambiar la configuración predeterminada y establecer sus preferencias.Página de opciones

Menú de contexto
El menú contextual le permitirá acceder a DivMagic directamente desde el menú contextual. En este momento tiene dos opciones: Copiar elemento e Iniciar caja de herramientas.Menú de contexto

20 de diciembre de 2023

Nuevas funciones, mejoras y corrección de errores

Esta versión incluye un panel de control actualizado para el modo Copiar

Ahora puede elegir el rango de detalles que desea copiar al copiar un elemento.

Agregaremos más opciones al Modo Copiar para brindarle más control sobre el elemento copiado.20 de diciembre de 2023

Mejoras

  • Velocidad de conversión mejorada
  • Código de optimización de estilo mejorado para reducir el tamaño de la salida.
  • Capacidad de respuesta mejorada del estilo copiado.

Corrección de errores

  • Se corrigió un error por el cual se incluían atributos CSS innecesarios en la salida.
  • Se corrigió un error por el cual el panel DivMagic no era visible en algunos sitios web.
¡Gracias a todos los que informan errores y problemas! Estamos trabajando para solucionarlos lo antes posible.

2 de diciembre de 2023

Mejoras y correcciones de errores

Esta versión incluye mejoras en la capacidad de respuesta del estilo copiado.

También hemos realizado mejoras en el código de optimización de estilo para reducir el tamaño de la salida.

Mejoras

  • Conversión de flujo web mejorada
  • Código de optimización de estilo mejorado para reducir el tamaño de la salida.
  • Capacidad de respuesta mejorada del estilo copiado.

Corrección de errores

  • Se corrigió un error por el cual se incluían atributos CSS innecesarios en la salida.
¡Gracias a todos los que informan errores y problemas! Estamos trabajando para solucionarlos lo antes posible.

15 de noviembre de 2023

Nuevas funciones, mejoras y corrección de errores

Esta versión incluye una nueva característica: Exportar a DivMagic Studio

Ahora puede exportar el elemento copiado a DivMagic Studio. Esto le permitirá editar el elemento y realizar cambios en DivMagic Studio.



Mejoras

  • Capacidad de respuesta mejorada del estilo copiado.
  • Código de optimización de estilo mejorado para reducir el tamaño de la salida.

Corrección de errores

  • Se corrigió un error por el cual se incluían atributos CSS innecesarios en la salida.

4 de noviembre de 2023

Nuevas funciones, mejoras y corrección de errores

Esta versión incluye una nueva característica: Ocultar automáticamente la ventana emergente

Cuando habilitas Auto Hide Popup desde la configuración de la ventana emergente, la extensión emergente desaparecerá automáticamente cuando alejes el mouse de la ventana emergente.

Esto hará que copiar elementos sea más rápido porque no necesitará cerrar la ventana emergente haciendo clic manualmente.
Ocultar ventana emergente automáticamente4 de noviembre de 2023
Esta versión también incluye cambios para la ubicación de la configuración. Los formatos de componentes y estilos se han movido al controlador de copia.
4 de noviembre de 20234 de noviembre de 2023

También hemos eliminado la opción Detectar color de fondo. Está habilitado de forma predeterminada ahora.

Mejoras

  • Capacidad de respuesta mejorada del estilo copiado.
  • Código de optimización de estilo mejorado para reducir el tamaño de la salida.
  • Integración mejorada de DevTools para manejar múltiples pestañas abiertas

Corrección de errores

  • Se corrigió un error por el cual las opciones no se guardaban correctamente.

20 de octubre de 2023

Nuevas funciones, mejoras y corrección de errores

Esta versión incluye una nueva característica: Media Query CSS

Ahora puedes copiar la consulta de medios del elemento que estás copiando. Esto hará que el estilo copiado responda.
Para obtener información detallada, consulte la documentación en Media Query CSS Media Query

Esta versión también incluye un nuevo cambio. Se ha eliminado el botón Copiar página completa. Aún puedes copiar páginas completas seleccionando el elemento del cuerpo.
20 de octubre de 202320 de octubre de 2023

Mejoras

  • Se realizaron mejoras en la copia de estilos para eliminar estilos innecesarios.
  • Código de optimización de estilo mejorado para reducir el tamaño de la salida.
  • Integración mejorada de DevTools para copiar estilos más rápido

Corrección de errores

  • Se corrigieron errores relacionados con la copia absoluta y relativa de elementos.

12 de octubre de 2023

Nuevas funciones, mejoras y corrección de errores

Esta versión incluye dos características nuevas: modo de copia y selección de elemento principal/secundario.

El Modo Copiar le permitirá ajustar el rango de detalle que obtiene al copiar un elemento.
Consulte la documentación para obtener más información sobre el modo de copia. Modo de copia

La selección de elemento padre/hijo le permitirá cambiar entre los elementos padre e hijo del elemento que está copiando.
12 de octubre de 2023

Mejoras

  • Código de optimización de estilo mejorado para reducir el tamaño de la salida.
  • Cobertura de clases CSS Tailwind mejorada
  • Capacidad de respuesta mejorada del estilo copiado.
  • Código de optimización de estilo mejorado para reducir el tamaño de la salida.

Corrección de errores

  • Se corrigió un error en el cálculo de la posición del elemento.
  • Se corrigió un error en el cálculo del tamaño del elemento.

20 de septiembre de 2023

Nuevas funciones y correcciones de errores

¡Se lanza DivMagic DevTools! Ahora puedes usar DivMagic directamente desde DevTools sin iniciar la extensión.

Puede copiar elementos directamente desde DevTools.

Seleccione un elemento inspeccionándolo y vaya al panel DivMagic DevTools, haga clic en Copiar y el elemento se copiará.

Para obtener más información, consulte la documentación sobre DivMagic DevTools.
Documentación de DivMagic DevTools
Actualización de permisos
Con la incorporación de DevTools, hemos actualizado los permisos de la extensión. Esto permite que la extensión agregue el panel DevTools sin problemas en todos los sitios web que visita y en múltiples pestañas.

⚠️ Nota
Al actualizar a esta versión, Chrome y Firefox mostrarán una advertencia que dice que la extensión puede "leer y cambiar todos sus datos en los sitios web que visita". Si bien la redacción es alarmante, te aseguramos que:

Acceso mínimo a datos: solo accedemos al mínimo de datos necesarios para brindarle el servicio DivMagic.

Seguridad de los datos: todos los datos a los que accede la extensión permanecen en su máquina local y no se envían a ningún servidor externo. Los elementos que copias se generan en tu dispositivo y no se envían a ningún servidor.

Privacidad primero: estamos comprometidos a salvaguardar su privacidad y seguridad. Para más detalles, puede consultar nuestra Política de Privacidad.

Agradecemos su comprensión y confianza. Si tiene alguna inquietud o pregunta, no dude en comunicarse con nuestro equipo de soporte.
20 de septiembre de 2023

Corrección de errores

  • Se corrigió un error por el cual la configuración de conversión no se guardaba

31 de julio de 2023

Mejoras y correcciones de errores

Mejoras

  • Copia mejorada del diseño de cuadrícula
  • Cobertura de clases CSS Tailwind mejorada
  • Se mejoró la capacidad de respuesta del estilo copiado.
  • Código de optimización de estilo mejorado para reducir el tamaño de la salida.

Corrección de errores

  • Se corrigió un error en la copia absoluta de elementos.
  • Se corrigió un error en la copia de desenfoque de fondo.

20 de julio de 2023

Mejoras y correcciones de errores

Mejoras

  • Código de optimización de estilo mejorado para reducir el tamaño de la salida.

Corrección de errores

  • Se corrigió un error en la detección de fondo.

18 de julio de 2023

Nuevas funciones, mejoras y correcciones de errores

Ahora puedes detectar el fondo del elemento que estás copiando con la nueva función Detectar fondo.

Esta característica detectará el fondo del elemento a través del padre. Especialmente en fondos oscuros, será muy útil.

Para obtener información detallada, consulte la documentación sobre Detectar fondo
Detectar fondo18 de julio de 2023

Mejoras

  • Capacidad de respuesta mejorada de los componentes copiados.
  • Elementos SVG actualizados para usar 'currentColor' cuando sea posible para que sean más fáciles de personalizar
  • Código de optimización de estilo mejorado para reducir el tamaño de la salida CSS

Corrección de errores

  • Se corrigió un error en el cálculo de alto y ancho.

12 de julio de 2023

Nuevas funciones y mejoras

Ahora puede copiar páginas completas con la nueva función Copiar página completa.

Copiará la página completa con todos los estilos y la convertirá al formato que elija.

Para obtener información detallada, consulte la documentación.
Documentación12 de julio de 2023

Mejoras

  • Capacidad de respuesta mejorada de los componentes copiados.
  • Código de optimización de estilo mejorado para reducir el tamaño de la salida CSS

3 de julio de 2023

Mejoras y correcciones de errores

Mejoras

  • Copia de estilo iframe mejorada
  • Conversión de fronteras mejorada
  • Código de optimización de estilo mejorado para reducir el tamaño de la salida.

Corrección de errores

  • Se corrigió un error en la conversión JSX.
  • Se corrigió un error en el cálculo del radio del borde.

25 de junio de 2023

Mejoras y correcciones de errores

Mejoras

  • Conversión de fronteras mejorada
  • Lógica de tamaño de fuente actualizada
  • Código de optimización de estilo mejorado para reducir el tamaño de la salida.

Corrección de errores

  • Se corrigió un error en el relleno y la conversión de márgenes.

12 de junio de 2023

Mejoras y correcciones de errores

Mejoras

  • Código de optimización de estilo mejorado para reducir el tamaño de la salida.
  • Conversión de lista mejorada
  • Conversión de tabla mejorada

Corrección de errores

  • Se corrigió un error en la conversión de cuadrícula.

6 de junio de 2023

Nuevas funciones y mejoras

Ahora puede convertir lo copiado a CSS. ¡Esta es una característica muy solicitada y estamos emocionados de lanzarla!

Esto le permitirá trabajar en sus proyectos con facilidad.

Para conocer las diferencias entre los formatos de estilo, consulte la documentación.
Documentación6 de junio de 2023

Mejoras

  • Código de optimización de estilo mejorado para reducir el tamaño de la salida CSS de Tailwind
  • Conversión de lista mejorada
  • Conversión de cuadrícula mejorada

27 de mayo de 2023

Mejoras y correcciones de errores

Mejoras

  • Se agregó un atajo de teclado para copiar el código CSS de Tailwind. Puede presionar 'D' para copiar el elemento.
  • Conversión SVG mejorada
  • Código de optimización de estilo mejorado para reducir el tamaño de la salida CSS de Tailwind

Corrección de errores

  • Se corrigió un error en la conversión JSX donde la salida incluía una cadena incorrecta
  • ¡Gracias a todos los que informan errores y problemas! Estamos trabajando para solucionarlos lo antes posible.

18 de mayo de 2023

Nuevas funciones y mejoras

¡Ahora puedes convertir el HTML copiado a JSX! Esta es una característica muy solicitada y estamos emocionados de lanzarla.

Esto le permitirá trabajar en sus proyectos NextJS o React con facilidad.

18 de mayo de 2023

Mejoras

  • Código de optimización de estilo mejorado para reducir el tamaño de la salida CSS de Tailwind

14 de mayo de 2023

Lanzamiento de Firefox 🦊

¡DivMagic ha sido lanzado en Firefox! Ahora puedes usar DivMagic en Firefox y Chrome.

Puedes descargar DivMagic para Firefox aquí: Firefox

12 de mayo de 2023

Mejoras

¡DivMagic se ha instalado más de 100 veces en los últimos 2 días! Gracias por el interés y todos los comentarios.

Estamos lanzando una nueva versión con mejoras y correcciones de errores.

  • Código de optimización de estilo mejorado para reducir el tamaño de la salida CSS de Tailwind
  • Conversión SVG mejorada
  • Mejor apoyo fronterizo
  • Se agregó soporte para imágenes de fondo.
  • Se agregó una advertencia sobre iFrames (actualmente DivMagic no funciona en iFrames)
  • Se corrigió un error por el cual no se aplicaban los colores de fondo.

9 de mayo de 2023

🚀 ¡Lanzamiento de DivMagic!

¡Acabamos de lanzar DivMagic! La versión inicial de DivMagic ya está disponible y lista para su uso. ¡Estamos emocionados de ver lo que piensas!

  • Copie y convierta cualquier elemento a Tailwind CSS
  • Los colores se convierten a colores CSS de Tailwind

© 2024 DivMagic, Inc. Todos los derechos reservados.