Journal des modifications
Tous les derniers ajouts et améliorations que nous avons apportés à DivMagic
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.
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.
Amélioration des performances de l'extension
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.
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.
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.
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.
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 PickerVous 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 contextuelLa 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.
É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é.
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.
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.
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é.
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é.
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
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.
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
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.
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 contextuelle
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.
Nous avons également supprimé l'option Détecter la couleur d'arrière-plan. Il est désormais activé par défaut.
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 contextuelle
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.
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.
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.
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.
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.
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
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.
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.
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-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-plan
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.
Documentation
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.
Documentation
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
Documentation
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
Documentation
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é.
Cela vous permettra de travailler sur vos projets NextJS ou React en toute simplicité.
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
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.
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
Ressources
Conditions et politiques
© 2024 DivMagic, Inc. Tous droits réservés.