Journal des modifications

Tous les derniers ajouts et améliorations que nous avons apportés à DivMagic

14 mai 2024

Nouvelle interface utilisateur, améliorations et corrections de bugs

Nouvelle interface utilisateur pour l'extension
Nous avons mis à jour l'interface utilisateur de l'extension pour la rendre plus conviviale.

Ajout de la fonctionnalité Copier la page entière
Vous pouvez désormais copier des pages entières en un seul clic
8 avril 2024
Ajout d'un nouvel outil à la boîte à outils : Outil de capture d'écran
Vous pouvez désormais prendre des captures d'écran de n'importe quel site Web et les télécharger directement
8 avril 2024

Corrections de bugs


Correction d'un bug où certains aperçus ne s'affichaient pas correctement dans la bibliothèque de composants

16 avril 2024

Améliorations et corrections de bugs

Amélioration de la génération d'aperçu des composants enregistrés. Certains composants n'affichaient pas correctement l'aperçu.

Correction d'un bug où le bouton Enregistrer le composant ne fonctionnait pas.

Nous sommes conscients qu’à mesure que de nouvelles fonctionnalités sont ajoutées, l’extension pourrait devenir plus lente. Nous travaillons à l'amélioration des performances de l'extension.

8 avril 2024

Nouvelle fonctionnalité et améliorations

Cette version inclut une nouvelle fonctionnalité : Aperçus dans la bibliothèque de composants

Vous pouvez maintenant voir les aperçus de vos composants enregistrés dans la bibliothèque de composants.
Vous pouvez également accéder à votre tableau de bord directement depuis l’extension.

8 avril 2024

Améliorations


Amélioration des performances de l'extension

31 mars 2024

Nouvelle fonctionnalité

Cette version inclut une nouvelle fonctionnalité : Bibliothèque de composants

Vous pouvez maintenant enregistrer vos éléments copiés dans la bibliothèque de composants. Cela vous permettra d'accéder à vos composants enregistrés à tout moment.
Vous pouvez également partager vos composants avec d'autres personnes en partageant le lien Studio.

Vous pouvez également exporter vos composants vers DivMagic Studio directement depuis la bibliothèque de composants.31 mars 2024

15 mars 2024

Nouvelles fonctionnalités et améliorations

Cette version inclut trois nouvelles fonctionnalités : nouvel outil pour la boîte à outils, nouvelles options de copie et saisie semi-automatique pour le mode éditeur.

Outil Thrash pour la boîte à outils
Thras Tool vous permettra de masquer ou de supprimer des éléments du site Web.

Nouvelles options de copie
Vous pouvez désormais copier HTML et CSS séparément.
Vous pouvez également copier du code HTML et CSS avec les attributs, classes et identifiants HTML d'origine.

Remplissage automatique pour le mode éditeur
La saisie semi-automatique suggérera les propriétés et valeurs CSS les plus courantes au fur et à mesure que vous tapez.

Améliorations

  • Ajout d'une option pour exporter le code vers DivMagic Studio directement à partir des options de copie
  • Code d'optimisation de style amélioré pour réduire la taille de la sortie
  • Réactivité améliorée du style copié

2 mars 2024

Nouvelle fonctionnalité

Ajout d'un nouvel outil à la boîte à outils : Color Picker

Vous pouvez désormais copier les couleurs de n'importe quel site Web et les utiliser directement dans vos projets
Pour l'instant, cela n'est disponible que dans l'extension Chrome. Nous travaillons également à l'ajout de cette fonctionnalité à l'extension Firefox.

26 février 2024

Améliorations et corrections de bugs

Améliorations

  • Code d'optimisation de style amélioré pour réduire la taille de la sortie
  • Réactivité améliorée du style copié

Corrections de bugs

  • Correction d'un bug où certains styles CSS n'étaient pas copiés correctement
  • Correction d'un bug où le style copié ne répondait pas si l'élément était copié à partir d'une iframe
  • Merci à tous ceux qui signalent des bugs et des problèmes ! Nous travaillons à les réparer le plus rapidement possible.

24 février 2024

Nouvelles fonctionnalités et améliorations

Si l'extension ne répond plus après la mise à jour automatique, veuillez désinstaller et réinstaller l'extension à partir du Chrome Web Store ou des modules complémentaires Firefox.

Cette version inclut plusieurs nouvelles fonctionnalités : Boîte à outils, Live Editor, Page d'options, Menu contextuel

La boîte à outils comprendra tous les outils dont vous aurez besoin pour le développement Web en un seul endroit. Copie de polices, sélecteur de couleurs, visionneuse de grille, débogueur et plus encore.

Live Editor vous permettra d'éditer l'élément copié directement dans le navigateur. Vous pouvez apporter des modifications à l'élément et voir les modifications en direct.

La page Options vous permettra de personnaliser les paramètres de l'extension. Vous pouvez modifier les paramètres par défaut et définir vos préférences.

Le menu contextuel vous permettra d'accéder à DivMagic directement à partir du menu contextuel. Vous pouvez copier des éléments ou lancer la boîte à outils directement depuis le menu contextuel.

Boîte à outils
La boîte à outils comprend le mode inspection, la copie de polices et la visionneuse de grille. Nous allons ajouter plus d'outils à la boîte à outils à l'avenir.Boîte à outils

Éditeur en direct
Live Editor vous permettra d'éditer l'élément copié directement dans le navigateur. Vous pouvez apporter des modifications à l'élément et voir les modifications en direct. Cela facilitera la modification de l'élément copié.Éditeur en direct

Page d'options
La page Options vous permettra de personnaliser les paramètres de l'extension. Vous pouvez modifier les paramètres par défaut et définir vos préférences.Page d'options

Menu contextuel
Le menu contextuel vous permettra d'accéder à DivMagic directement à partir du menu contextuel. À l'heure actuelle, il propose deux options : Copier l'élément et Lancer la boîte à outils.Menu contextuel

20 décembre 2023

Nouvelles fonctionnalités, améliorations et corrections de bugs

Cette version comprend un panneau de contrôle mis à jour pour le mode copie

Vous pouvez désormais choisir la plage de détails que vous souhaitez copier lors de la copie d'un élément.

Nous allons ajouter plus d'options au mode Copie pour vous donner plus de contrôle sur l'élément copié.20 décembre 2023

Améliorations

  • Vitesse de conversion améliorée
  • Code d'optimisation de style amélioré pour réduire la taille de la sortie
  • Réactivité améliorée du style copié

Corrections de bugs

  • Correction d'un bug où des attributs CSS inutiles étaient inclus dans la sortie
  • Correction d'un bug où le panneau DivMagic n'était pas visible sur certains sites Web
Merci à tous ceux d'entre vous qui signalent des bugs et des problèmes ! Nous travaillons à les réparer le plus rapidement possible.

2 décembre 2023

Améliorations et corrections de bugs

Cette version inclut des améliorations de la réactivité du style copié.

Nous avons également apporté des améliorations au code d'optimisation du style pour réduire la taille de la sortie.

Améliorations

  • Conversion Webflow améliorée
  • Code d'optimisation de style amélioré pour réduire la taille de la sortie
  • Réactivité améliorée du style copié

Corrections de bugs

  • Correction d'un bug où des attributs CSS inutiles étaient inclus dans la sortie
Merci à tous ceux qui signalent des bugs et des problèmes ! Nous travaillons à les réparer le plus rapidement possible.

15 novembre 2023

Nouvelles fonctionnalités, améliorations et corrections de bugs

Cette version inclut une nouvelle fonctionnalité : Exporter vers DivMagic Studio

Vous pouvez maintenant exporter l'élément copié vers DivMagic Studio. Cela vous permettra d'éditer l'élément et d'y apporter des modifications dans DivMagic Studio.



Améliorations

  • Réactivité améliorée du style copié
  • Code d'optimisation de style amélioré pour réduire la taille de la sortie

Corrections de bugs

  • Correction d'un bug où des attributs CSS inutiles étaient inclus dans la sortie

4 novembre 2023

Nouvelles fonctionnalités, améliorations et corrections de bugs

Cette version inclut une nouvelle fonctionnalité : Auto Hide Popup

Lorsque vous activez Masquer automatiquement la fenêtre contextuelle dans les paramètres de la fenêtre contextuelle, la fenêtre contextuelle d'extension disparaît automatiquement lorsque vous éloignez votre souris de la fenêtre contextuelle.

Cela rendra la copie des éléments plus rapide car vous n'aurez pas besoin de fermer la fenêtre contextuelle en cliquant manuellement.
Masquer automatiquement la fenêtre contextuelle4 novembre 2023
Cette version inclut également des modifications concernant l'emplacement des paramètres. Les formats de composants et de styles ont été déplacés vers le contrôleur de copie.
4 novembre 20234 novembre 2023

Nous avons également supprimé l'option Détecter la couleur d'arrière-plan. Il est désormais activé par défaut.

Améliorations

  • Réactivité améliorée du style copié
  • Code d'optimisation de style amélioré pour réduire la taille de la sortie
  • Intégration DevTools améliorée pour gérer plusieurs onglets ouverts

Corrections de bugs

  • Correction d'un bug où les options n'étaient pas enregistrées correctement

20 octobre 2023

Nouvelles fonctionnalités, améliorations et corrections de bugs

Cette version inclut une nouvelle fonctionnalité : Media Query CSS

Vous pouvez maintenant copier la requête multimédia de l'élément que vous copiez. Cela rendra le style copié réactif.
Pour des informations détaillées, veuillez consulter la documentation sur Media Query CSS Media Query

Cette version inclut également un nouveau changement. Le bouton Copier la page entière a été supprimé. Vous pouvez toujours copier des pages entières en sélectionnant l'élément body.
20 octobre 202320 octobre 2023

Améliorations

  • Améliorations apportées à la copie de style pour supprimer les styles inutiles
  • Code d'optimisation de style amélioré pour réduire la taille de la sortie
  • Intégration améliorée de DevTools pour copier les styles plus rapidement

Corrections de bugs

  • Correction de bugs liés à la copie d'éléments absolus et relatifs

12 octobre 2023

Nouvelles fonctionnalités, améliorations et corrections de bugs

Cette version inclut deux nouvelles fonctionnalités : le mode copie et la sélection d'éléments parent/enfant.

Le mode Copie vous permettra d'ajuster la gamme de détails que vous obtenez lors de la copie d'un élément.
Veuillez consulter la documentation pour plus d'informations sur le mode copie. Mode copie

La sélection d'élément parent/enfant vous permettra de basculer entre les éléments parent et enfant de l'élément que vous copiez.
12 octobre 2023

Améliorations

  • Code d'optimisation de style amélioré pour réduire la taille de la sortie
  • Couverture améliorée des classes CSS Tailwind
  • Réactivité améliorée du style copié
  • Code d'optimisation de style amélioré pour réduire la taille de la sortie

Corrections de bugs

  • Correction d'un bug dans le calcul de la position des éléments
  • Correction d'un bug dans le calcul de la taille des éléments

20 septembre 2023

Nouvelle fonctionnalité et corrections de bugs

DivMagic DevTools est sorti ! Vous pouvez désormais utiliser DivMagic directement depuis DevTools sans lancer l'extension.

Vous pouvez copier des éléments directement depuis DevTools.

Sélectionnez un élément en l'inspectant et accédez au panneau DivMagic DevTools, cliquez sur Copier et l'élément sera copié.

Pour plus d'informations, veuillez consulter la documentation sur DivMagic DevTools.
Documentation DivMagic DevTools
Mise à jour des autorisations
Avec l'ajout de DevTools, nous avons mis à jour les autorisations d'extension. Cela permet à l'extension d'ajouter le panneau DevTools de manière transparente sur tous les sites Web que vous visitez et sur plusieurs onglets.

⚠️ Note
Lors de la mise à jour vers cette version, Chrome et Firefox afficheront un avertissement indiquant que l'extension peut « lire et modifier toutes vos données sur les sites Web que vous visitez ». Même si la formulation est alarmante, nous vous assurons que :

Accès minimal aux données : nous accédons uniquement au strict minimum de données requis pour vous fournir le service DivMagic.

Sécurité des données : toutes les données accessibles par l'extension restent sur votre ordinateur local et ne sont envoyées à aucun serveur externe. Les éléments que vous copiez sont générés sur votre appareil et ne sont envoyés à aucun serveur.

La confidentialité d'abord : nous nous engageons à protéger votre confidentialité et votre sécurité. Pour plus de détails, vous pouvez consulter notre Politique de confidentialité.

Nous apprécions votre compréhension et votre confiance. Si vous avez des préoccupations ou des questions, n'hésitez pas à contacter notre équipe d'assistance.
20 septembre 2023

Corrections de bugs

  • Correction d'un bug où les paramètres de conversion n'étaient pas enregistrés

31 juillet 2023

Améliorations et corrections de bugs

Améliorations

  • Copie améliorée de la disposition de la grille
  • Couverture améliorée des classes CSS Tailwind
  • Amélioration de la réactivité du style copié
  • Code d'optimisation de style amélioré pour réduire la taille de la sortie

Corrections de bugs

  • Correction d'un bug dans la copie d'éléments absolus
  • Correction d'un bug dans la copie du flou d'arrière-plan

20 juillet 2023

Améliorations et corrections de bugs

Améliorations

  • Code d'optimisation de style amélioré pour réduire la taille de la sortie

Corrections de bugs

  • Correction d'un bug dans la détection d'arrière-plan

18 juillet 2023

Nouvelles fonctionnalités, améliorations et corrections de bugs

Vous pouvez désormais détecter l'arrière-plan de l'élément que vous copiez grâce à la nouvelle fonctionnalité Détecter l'arrière-plan.

Cette fonctionnalité détectera l'arrière-plan de l'élément via le parent. Surtout sur les fonds sombres, ce sera très utile.

Pour des informations détaillées, veuillez consulter la documentation sur Détecter l'arrière-plan
Détecter l'arrière-plan18 juillet 2023

Améliorations

  • Réactivité améliorée des composants copiés
  • Éléments SVG mis à jour pour utiliser « currentColor » lorsque cela est possible afin de les rendre plus faciles à personnaliser
  • Code d'optimisation de style amélioré pour réduire la taille de la sortie CSS

Corrections de bugs

  • Correction d'un bug dans le calcul de la hauteur et de la largeur

12 juillet 2023

Nouvelle fonctionnalité et améliorations

Vous pouvez désormais copier des pages entières avec la nouvelle fonctionnalité Copier la page entière.

Il copiera la page entière avec tous les styles et la convertira au format de votre choix.

Pour des informations détaillées, veuillez consulter la documentation.
Documentation12 juillet 2023

Améliorations

  • Réactivité améliorée des composants copiés
  • Code d'optimisation de style amélioré pour réduire la taille de la sortie CSS

3 juillet 2023

Améliorations et corrections de bugs

Améliorations

  • Copie de style iframe améliorée
  • Conversion des frontières améliorée
  • Code d'optimisation de style amélioré pour réduire la taille de la sortie

Corrections de bugs

  • Correction d'un bug dans la conversion JSX
  • Correction d'un bug dans le calcul du rayon de la bordure

25 juin 2023

Améliorations et corrections de bugs

Améliorations

  • Conversion des frontières améliorée
  • Logique de taille de police mise à jour
  • Code d'optimisation de style amélioré pour réduire la taille de la sortie

Corrections de bugs

  • Correction d'un bug dans la conversion du remplissage et de la marge

12 juin 2023

Améliorations et corrections de bugs

Améliorations

  • Code d'optimisation de style amélioré pour réduire la taille de la sortie
  • Conversion de liste améliorée
  • Conversion de table améliorée

Corrections de bugs

  • Correction d'un bug dans la conversion de grille

6 juin 2023

Nouvelle fonctionnalité et améliorations

Vous pouvez maintenant convertir le copié en CSS. Il s'agit d'une fonctionnalité très demandée et nous sommes ravis de la publier !

Cela vous permettra de travailler sur vos projets en toute simplicité.

Pour connaître les différences entre les formats de style, veuillez consulter la documentation
Documentation6 juin 2023

Améliorations

  • Code d'optimisation de style amélioré pour réduire la taille de la sortie CSS Tailwind
  • Conversion de liste améliorée
  • Conversion de réseau améliorée

27 mai 2023

Améliorations et corrections de bugs

Améliorations

  • Ajout d'un raccourci clavier pour copier le code CSS Tailwind. Vous pouvez appuyer sur « D » pour copier l'élément.
  • Conversion SVG améliorée
  • Code d'optimisation de style amélioré pour réduire la taille de la sortie CSS Tailwind

Corrections de bugs

  • Correction d'un bug dans la conversion JSX où la sortie inclurait une chaîne incorrecte
  • Merci à tous ceux qui signalent des bugs et des problèmes ! Nous travaillons à les réparer le plus rapidement possible.

18 mai 2023

Nouvelle fonctionnalité et améliorations

Vous pouvez maintenant convertir le HTML copié en JSX ! Il s'agit d'une fonctionnalité très demandée et nous sommes ravis de la publier.

Cela vous permettra de travailler sur vos projets NextJS ou React en toute simplicité.

18 mai 2023

Améliorations

  • Code d'optimisation de style amélioré pour réduire la taille de la sortie CSS Tailwind

14 mai 2023

Version de Firefox 🦊

DivMagic est sorti sur Firefox ! Vous pouvez désormais utiliser DivMagic sur Firefox et Chrome.

Vous pouvez télécharger DivMagic pour Firefox ici : Firefox

12 mai 2023

Améliorations

DivMagic a été installé plus de 100 fois au cours des 2 derniers jours ! Merci pour l'intérêt et tous les retours.

Nous publions une nouvelle version avec des améliorations et des corrections de bugs.

  • Code d'optimisation de style amélioré pour réduire la taille de la sortie CSS Tailwind
  • Conversion SVG améliorée
  • Assistance améliorée aux frontières
  • Ajout de la prise en charge des images d'arrière-plan
  • Ajout d'un avertissement concernant les iFrames (actuellement, DivMagic ne fonctionne pas sur les iFrames)
  • Correction d'un bug où les couleurs d'arrière-plan n'étaient pas appliquées

9 mai 2023

🚀 Lancement de DivMagic !

Nous venons de lancer DivMagic ! La version initiale de DivMagic est maintenant disponible et prête à être utilisée. Nous sommes impatients de voir ce que vous en pensez !

  • Copiez et convertissez n'importe quel élément en Tailwind CSS
  • Les couleurs sont converties en couleurs CSS Tailwind

© 2024 DivMagic, Inc. Tous droits réservés.