Wijzigingslog
Alle nieuwste toevoegingen en verbeteringen die we aan DivMagic hebben aangebracht
16 april 2024
Verbeteringen en bugfixes
Verbeterde preview-generatie van opgeslagen componenten. Sommige componenten gaven het voorbeeld niet correct weer.
Een bug opgelost waarbij de knop Component opslaan niet werkte.
We zijn ons ervan bewust dat naarmate er meer functies worden toegevoegd, de extensie langzamer kan worden. We werken aan het verbeteren van de prestaties van de extensie.
Een bug opgelost waarbij de knop Component opslaan niet werkte.
We zijn ons ervan bewust dat naarmate er meer functies worden toegevoegd, de extensie langzamer kan worden. We werken aan het verbeteren van de prestaties van de extensie.
8 april 2024
Nieuwe functie en verbeteringen
Deze versie bevat een nieuwe functie: Previews in Component Library
U kunt nu de voorbeelden van uw opgeslagen componenten bekijken in de Componentenbibliotheek.
U kunt ook rechtstreeks vanuit de extensie naar uw dashboard gaan.
Verbeterde prestaties van de extensie
U kunt nu de voorbeelden van uw opgeslagen componenten bekijken in de Componentenbibliotheek.
U kunt ook rechtstreeks vanuit de extensie naar uw dashboard gaan.
Verbeteringen
Verbeterde prestaties van de extensie
31 maart 2024
Nieuwe functie
Deze versie bevat een nieuwe functie: Component Library
U kunt nu uw gekopieerde elementen opslaan in de Componentenbibliotheek. Hierdoor heeft u op elk gewenst moment toegang tot uw opgeslagen componenten.
U kunt uw componenten ook met anderen delen door de Studio-link te delen.
U kunt uw componenten ook rechtstreeks vanuit de Componentenbibliotheek naar DivMagic Studio exporteren.
U kunt nu uw gekopieerde elementen opslaan in de Componentenbibliotheek. Hierdoor heeft u op elk gewenst moment toegang tot uw opgeslagen componenten.
U kunt uw componenten ook met anderen delen door de Studio-link te delen.
U kunt uw componenten ook rechtstreeks vanuit de Componentenbibliotheek naar DivMagic Studio exporteren.
15 maart 2024
Nieuwe functies en verbeteringen
Deze versie bevat drie nieuwe functies: nieuwe tool voor Toolbox, nieuwe kopieeropties en automatisch aanvullen voor editormodus
Thrash-tool voor Toolbox
Met Thras Tool kunt u elementen van de website verbergen of verwijderen.
Nieuwe kopieeropties
U kunt HTML en CSS nu afzonderlijk kopiëren.
U kunt ook gekopieerde HTML- en CSS-code verkrijgen met de originele HTML-attributen, klassen en ID's.
Automatisch aanvullen voor Editor-modus
Automatisch aanvullen stelt de meest voorkomende CSS-eigenschappen en -waarden voor terwijl u typt.
Thrash-tool voor Toolbox
Met Thras Tool kunt u elementen van de website verbergen of verwijderen.
Nieuwe kopieeropties
U kunt HTML en CSS nu afzonderlijk kopiëren.
U kunt ook gekopieerde HTML- en CSS-code verkrijgen met de originele HTML-attributen, klassen en ID's.
Automatisch aanvullen voor Editor-modus
Automatisch aanvullen stelt de meest voorkomende CSS-eigenschappen en -waarden voor terwijl u typt.
Verbeteringen
- Een optie toegevoegd om code rechtstreeks vanuit Kopieeropties naar DivMagic Studio te exporteren
- Verbeterde stijloptimalisatiecode om de grootte van de uitvoer te verkleinen
- Verbeterde responsiviteit van de gekopieerde stijl
2 maart 2024
Nieuwe functie
Er is een nieuw hulpmiddel aan de gereedschapskist toegevoegd: KleurkiezerU kunt nu kleuren van elke website kopiëren en deze rechtstreeks in uw projecten gebruiken
Voorlopig is dit alleen beschikbaar in de Chrome-extensie. We werken eraan om deze functie ook aan de Firefox-extensie toe te voegen.
26 februari 2024
Verbeteringen en bugfixes
Verbeteringen
- Verbeterde stijloptimalisatiecode om de grootte van de uitvoer te verkleinen
- Verbeterde responsiviteit van de gekopieerde stijl
Bugfixes
- Een bug opgelost waarbij sommige CSS-stijlen niet correct werden gekopieerd
- Er is een bug opgelost waarbij de gekopieerde stijl niet reageerde als het element uit een iframe werd gekopieerd Bedankt aan iedereen die bugs en problemen meldt! We werken eraan om ze zo snel mogelijk te repareren.
24 februari 2024
Nieuwe functies en verbeteringen
Als de extensie niet meer reageert na de automatische update, verwijder dan de extensie en installeer deze opnieuw via de Chrome Web Store of Firefox Add-ons.
Deze versie bevat meerdere nieuwe functies: Toolbox, Live Editor, Optiespagina, ContextmenuToolbox bevat alle tools die u nodig heeft voor webontwikkeling op één plek. Lettertype kopiëren, kleurkiezer, rasterviewer, debugger en meer.
Met Live Editor kunt u het gekopieerde element rechtstreeks in de browser bewerken. U kunt wijzigingen aanbrengen in het element en de wijzigingen live bekijken.
Op de optiepagina kunt u de extensie-instellingen aanpassen. U kunt de standaardinstellingen wijzigen en uw voorkeuren instellen.
Contextmenu geeft u rechtstreeks toegang tot DivMagic vanuit het rechtermuisknopmenu. U kunt elementen kopiëren of de toolbox rechtstreeks vanuit het contextmenu starten.
Gereedschapskist
Toolbox omvat de inspectiemodus, het kopiëren van lettertypen en de rasterviewer. We gaan in de toekomst meer tools aan de toolbox toevoegen.
Live-editor
Met Live Editor kunt u het gekopieerde element rechtstreeks in de browser bewerken. U kunt wijzigingen aanbrengen in het element en de wijzigingen live bekijken. Dit maakt het gemakkelijker om wijzigingen aan te brengen in het gekopieerde element.
Optiespagina
Op de optiepagina kunt u de extensie-instellingen aanpassen. U kunt de standaardinstellingen wijzigen en uw voorkeuren instellen.
Contextmenu
Contextmenu geeft u rechtstreeks toegang tot DivMagic vanuit het rechtermuisknopmenu. Op dit moment heeft het twee opties: Element kopiëren en Toolbox starten.
20 december 2023
Nieuwe functies en verbeteringen en bugfixes
Deze versie bevat een bijgewerkt bedieningspaneel voor de kopieermodus
U kunt nu het detailbereik kiezen dat u wilt kopiëren wanneer u een element kopieert.
We gaan meer opties toevoegen aan de Kopieermodus om u meer controle te geven over het gekopieerde element.
U kunt nu het detailbereik kiezen dat u wilt kopiëren wanneer u een element kopieert.
We gaan meer opties toevoegen aan de Kopieermodus om u meer controle te geven over het gekopieerde element.
Verbeteringen
- Verbeterde conversiesnelheid
- Verbeterde stijloptimalisatiecode om de grootte van de uitvoer te verkleinen
- Verbeterde responsiviteit van de gekopieerde stijl
Bugfixes
- Een bug opgelost waarbij onnodige CSS-attributen in de uitvoer werden opgenomen
- Een bug opgelost waarbij het DivMagic-paneel op sommige websites niet zichtbaar was
2 december 2023
Verbeteringen en bugfixes
Deze versie bevat verbeteringen aan de responsiviteit van de gekopieerde stijl.
We hebben ook verbeteringen aangebracht in de stijloptimalisatiecode om de grootte van de uitvoer te verkleinen.
We hebben ook verbeteringen aangebracht in de stijloptimalisatiecode om de grootte van de uitvoer te verkleinen.
Verbeteringen
- Verbeterde Webflow-conversie
- Verbeterde stijloptimalisatiecode om de grootte van de uitvoer te verkleinen
- Verbeterde responsiviteit van de gekopieerde stijl
Bugfixes
- Een bug opgelost waarbij onnodige CSS-attributen in de uitvoer werden opgenomen
15 november 2023
Nieuwe functies en verbeteringen en bugfixes
Deze versie bevat een nieuwe functie: Exporteren naar DivMagic Studio
U kunt het gekopieerde element nu naar DivMagic Studio exporteren. Hierdoor kunt u het element bewerken en er wijzigingen in aanbrengen in DivMagic Studio.
U kunt het gekopieerde element nu naar DivMagic Studio exporteren. Hierdoor kunt u het element bewerken en er wijzigingen in aanbrengen in DivMagic Studio.
Verbeteringen
- Verbeterde responsiviteit van de gekopieerde stijl
- Verbeterde stijloptimalisatiecode om de grootte van de uitvoer te verkleinen
Bugfixes
- Een bug opgelost waarbij onnodige CSS-attributen in de uitvoer werden opgenomen
4 november 2023
Nieuwe functies en verbeteringen en bugfixes
Deze versie bevat een nieuwe functie: Pop-up automatisch verbergen
Wanneer u Pop-up automatisch verbergen inschakelt in de pop-upinstellingen, verdwijnt de extensiepop-up automatisch wanneer u uw muis weg van de pop-up beweegt.
Hierdoor wordt het kopiëren van elementen sneller, omdat u de pop-up niet hoeft te sluiten door handmatig te klikken.
Pop-up automatisch verbergen
Deze versie bevat ook wijzigingen voor de locatie van de instellingen. Component- en stijlformaten zijn verplaatst naar de Copy Controller.
We hebben ook de optie Achtergrondkleur detecteren verwijderd. Het is nu standaard ingeschakeld.
Wanneer u Pop-up automatisch verbergen inschakelt in de pop-upinstellingen, verdwijnt de extensiepop-up automatisch wanneer u uw muis weg van de pop-up beweegt.
Hierdoor wordt het kopiëren van elementen sneller, omdat u de pop-up niet hoeft te sluiten door handmatig te klikken.
Pop-up automatisch verbergen
Deze versie bevat ook wijzigingen voor de locatie van de instellingen. Component- en stijlformaten zijn verplaatst naar de Copy Controller.
We hebben ook de optie Achtergrondkleur detecteren verwijderd. Het is nu standaard ingeschakeld.
Verbeteringen
- Verbeterde responsiviteit van de gekopieerde stijl
- Verbeterde stijloptimalisatiecode om de grootte van de uitvoer te verkleinen
- Verbeterde DevTools-integratie om meerdere geopende tabbladen te verwerken
Bugfixes
- Een bug opgelost waarbij opties niet correct werden opgeslagen
20 oktober 2023
Nieuwe functies en verbeteringen en bugfixes
Deze versie bevat een nieuwe functie: Media Query CSS
U kunt nu de mediaquery kopiëren van het element dat u kopieert. Hierdoor wordt de gekopieerde stijl responsief.
Voor gedetailleerde informatie raadpleegt u de documentatie op Media Query CSS Media Query
Deze versie bevat ook een nieuwe wijziging. De knop Volledige pagina kopiëren is verwijderd. U kunt nog steeds volledige pagina's kopiëren door het body-element te selecteren.
U kunt nu de mediaquery kopiëren van het element dat u kopieert. Hierdoor wordt de gekopieerde stijl responsief.
Voor gedetailleerde informatie raadpleegt u de documentatie op Media Query CSS Media Query
Deze versie bevat ook een nieuwe wijziging. De knop Volledige pagina kopiëren is verwijderd. U kunt nog steeds volledige pagina's kopiëren door het body-element te selecteren.
Verbeteringen
- Er zijn verbeteringen aangebracht aan het kopiëren van stijlen om onnodige stijlen te verwijderen
- Verbeterde stijloptimalisatiecode om de grootte van de uitvoer te verkleinen
- Verbeterde DevTools-integratie om stijlen sneller te kopiëren
Bugfixes
- Bugs opgelost met betrekking tot het kopiëren van absolute en relatieve elementen
12 oktober 2023
Nieuwe functies en verbeteringen en bugfixes
Deze versie bevat twee nieuwe functies: Kopieermodus en Selectie van ouder/kind-elementen
Met de Kopieermodus kunt u het detailbereik aanpassen dat u krijgt bij het kopiëren van een element.
Raadpleeg de documentatie voor meer informatie over de kopieermodus. Kopieermodus
Met de selectie van bovenliggende/onderliggende elementen kunt u schakelen tussen de bovenliggende en onderliggende elementen van het element dat u kopieert.
Met de Kopieermodus kunt u het detailbereik aanpassen dat u krijgt bij het kopiëren van een element.
Raadpleeg de documentatie voor meer informatie over de kopieermodus. Kopieermodus
Met de selectie van bovenliggende/onderliggende elementen kunt u schakelen tussen de bovenliggende en onderliggende elementen van het element dat u kopieert.
Verbeteringen
- Verbeterde stijloptimalisatiecode om de grootte van de uitvoer te verkleinen
- Verbeterde dekking van Tailwind CSS-klassen
- Verbeterde responsiviteit van de gekopieerde stijl
- Verbeterde stijloptimalisatiecode om de grootte van de uitvoer te verkleinen
Bugfixes
- Een bug opgelost in de berekening van de elementpositie
- Een bug opgelost in de berekening van de elementgrootte
20 september 2023
Nieuwe functie en bugfixes
DivMagic DevTools is uitgebracht! U kunt DivMagic nu rechtstreeks vanuit DevTools gebruiken zonder de extensie te starten.
U kunt elementen rechtstreeks vanuit DevTools kopiëren.
Selecteer een element door het te inspecteren en ga naar het DivMagic DevTools-paneel, klik op Kopiëren en het element zal worden gekopieerd.
Voor meer informatie, zie de documentatie over DivMagic DevTools.
DivMagic DevTools Documentatie
U kunt elementen rechtstreeks vanuit DevTools kopiëren.
Selecteer een element door het te inspecteren en ga naar het DivMagic DevTools-paneel, klik op Kopiëren en het element zal worden gekopieerd.
Voor meer informatie, zie de documentatie over DivMagic DevTools.
DivMagic DevTools Documentatie
Machtigingen bijwerken
Met de toevoeging van DevTools hebben we de extensierechten bijgewerkt. Hierdoor kan de extensie het DevTools-paneel naadloos toevoegen aan alle websites die u bezoekt en op meerdere tabbladen.
⚠️ Opmerking
Bij het updaten naar deze versie geven Chrome en Firefox een waarschuwing weer waarin staat dat de extensie 'al uw gegevens op de websites die u bezoekt' kan lezen en wijzigen. Hoewel de formulering alarmerend is, verzekeren wij u dat:
Minimale gegevenstoegang: Wij hebben alleen toegang tot het absolute minimum aan gegevens dat nodig is om u de DivMagic-service te kunnen bieden.
Gegevensbeveiliging: Alle gegevens waartoe de extensie toegang heeft, blijven op uw lokale computer staan en worden niet naar externe servers verzonden. De elementen die u kopieert, worden op uw apparaat gegenereerd en naar geen enkele server verzonden.
Privacy eerst: Wij doen er alles aan om uw privacy en veiligheid te beschermen. Voor meer details kunt u ons privacybeleid bekijken.
Wij waarderen uw begrip en vertrouwen. Als u zich zorgen maakt of vragen heeft, neem dan gerust contact op met ons ondersteuningsteam.
Met de toevoeging van DevTools hebben we de extensierechten bijgewerkt. Hierdoor kan de extensie het DevTools-paneel naadloos toevoegen aan alle websites die u bezoekt en op meerdere tabbladen.
⚠️ Opmerking
Bij het updaten naar deze versie geven Chrome en Firefox een waarschuwing weer waarin staat dat de extensie 'al uw gegevens op de websites die u bezoekt' kan lezen en wijzigen. Hoewel de formulering alarmerend is, verzekeren wij u dat:
Minimale gegevenstoegang: Wij hebben alleen toegang tot het absolute minimum aan gegevens dat nodig is om u de DivMagic-service te kunnen bieden.
Gegevensbeveiliging: Alle gegevens waartoe de extensie toegang heeft, blijven op uw lokale computer staan en worden niet naar externe servers verzonden. De elementen die u kopieert, worden op uw apparaat gegenereerd en naar geen enkele server verzonden.
Privacy eerst: Wij doen er alles aan om uw privacy en veiligheid te beschermen. Voor meer details kunt u ons privacybeleid bekijken.
Wij waarderen uw begrip en vertrouwen. Als u zich zorgen maakt of vragen heeft, neem dan gerust contact op met ons ondersteuningsteam.
Bugfixes
- Een bug opgelost waarbij conversie-instellingen niet werden opgeslagen
31 juli 2023
Verbeteringen en bugfixes
Verbeteringen
- Verbeterd kopiëren van rasterlay-out
- Verbeterde dekking van Tailwind CSS-klassen
- Verbeterde responsiviteit van de gekopieerde stijl
- Verbeterde stijloptimalisatiecode om de grootte van de uitvoer te verkleinen
Bugfixes
- Een bug opgelost bij het kopiëren van absolute elementen
- Een bug opgelost bij het kopiëren van achtergrondonscherpte
20 juli 2023
Verbeteringen en bugfixes
Verbeteringen
- Verbeterde stijloptimalisatiecode om de grootte van de uitvoer te verkleinen
Bugfixes
- Een bug in de achtergronddetectie opgelost
18 juli 2023
Nieuwe functie en verbeteringen en bugfixes
U kunt nu de achtergrond detecteren van het element dat u kopieert met de nieuwe functie Achtergrond detecteren.
Deze functie detecteert de achtergrond van het element via het bovenliggende element. Vooral op donkere achtergronden zal het erg handig zijn.
Voor gedetailleerde informatie raadpleegt u de documentatie over Achtergrond detecteren
Achtergrond detecteren
Deze functie detecteert de achtergrond van het element via het bovenliggende element. Vooral op donkere achtergronden zal het erg handig zijn.
Voor gedetailleerde informatie raadpleegt u de documentatie over Achtergrond detecteren
Achtergrond detecteren
Verbeteringen
- Verbeterde responsiviteit van de gekopieerde componenten
- SVG-elementen bijgewerkt om waar mogelijk 'currentColor' te gebruiken, zodat ze gemakkelijker kunnen worden aangepast
- Verbeterde stijloptimalisatiecode om de grootte van de CSS-uitvoer te verkleinen
Bugfixes
- Een bug opgelost in de hoogte- en breedteberekening
12 juli 2023
Nieuwe functie en verbeteringen
U kunt nu volledige pagina's kopiëren met de nieuwe functie Volledige pagina kopiëren.
Het kopieert de volledige pagina met alle stijlen en converteert deze naar het formaat van uw keuze.
Raadpleeg de documentatie voor gedetailleerde informatie.
Documentatie
Het kopieert de volledige pagina met alle stijlen en converteert deze naar het formaat van uw keuze.
Raadpleeg de documentatie voor gedetailleerde informatie.
Documentatie
Verbeteringen
- Verbeterde responsiviteit van de gekopieerde componenten
- Verbeterde stijloptimalisatiecode om de grootte van de CSS-uitvoer te verkleinen
3 juli 2023
Verbeteringen en bugfixes
Verbeteringen
- Verbeterd kopiëren in iframe-stijl
- Verbeterde grensconversie
- Verbeterde stijloptimalisatiecode om de grootte van de uitvoer te verkleinen
Bugfixes
- Een bug in JSX-conversie opgelost
- Een bug opgelost in de berekening van de randradius
25 juni 2023
Verbeteringen en bugfixes
Verbeteringen
- Verbeterde grensconversie
- Bijgewerkte logica voor lettergrootte
- Verbeterde stijloptimalisatiecode om de grootte van de uitvoer te verkleinen
Bugfixes
- Een bug opgelost in de opvulling en margeconversie
12 juni 2023
Verbeteringen en bugfixes
Verbeteringen
- Verbeterde stijloptimalisatiecode om de grootte van de uitvoer te verkleinen
- Verbeterde lijstconversie
- Verbeterde tabelconversie
Bugfixes
- Een bug in de rasterconversie opgelost
6 juni 2023
Nieuwe functie en verbeteringen
U kunt het gekopieerde nu naar CSS converteren. Dit is een veelgevraagde functie en we zijn verheugd deze uit te brengen!
Hierdoor kunt u gemakkelijk aan uw projecten werken.
Raadpleeg de documentatie voor verschillen tussen de stijlformaten
Documentatie
Hierdoor kunt u gemakkelijk aan uw projecten werken.
Raadpleeg de documentatie voor verschillen tussen de stijlformaten
Documentatie
Verbeteringen
- Verbeterde stijloptimalisatiecode om de grootte van de Tailwind CSS-uitvoer te verkleinen
- Verbeterde lijstconversie
- Verbeterde netconversie
27 mei 2023
Verbeteringen en bugfixes
Verbeteringen
- Een sneltoets toegevoegd om de Tailwind CSS-code te kopiëren. U kunt op 'D' drukken om het element te kopiëren.
- Verbeterde SVG-conversie
- Verbeterde stijloptimalisatiecode om de grootte van de Tailwind CSS-uitvoer te verkleinen
Bugfixes
- Er is een bug opgelost in de JSX-conversie waarbij de uitvoer een onjuiste tekenreeks bevatte Bedankt aan iedereen die bugs en problemen meldt! We werken eraan om ze zo snel mogelijk te repareren.
18 mei 2023
Nieuwe functie en verbeteringen
U kunt nu de gekopieerde HTML naar JSX converteren! Dit is een veelgevraagde functie en we zijn verheugd deze uit te brengen.
Hierdoor kunt u gemakkelijk aan uw NextJS- of React-projecten werken.
Hierdoor kunt u gemakkelijk aan uw NextJS- of React-projecten werken.
Verbeteringen
- Verbeterde stijloptimalisatiecode om de grootte van de Tailwind CSS-uitvoer te verkleinen
14 mei 2023
Firefox-release 🦊
DivMagic is uitgebracht op Firefox! U kunt DivMagic nu gebruiken in Firefox en Chrome.
U kunt DivMagic voor Firefox hier downloaden: Firefox
U kunt DivMagic voor Firefox hier downloaden: Firefox
12 mei 2023
Verbeteringen
DivMagic is de afgelopen 2 dagen meer dan 100 keer geïnstalleerd! Bedankt voor de interesse en alle feedback.
We brengen een nieuwe versie uit met verbeteringen en bugfixes.
We brengen een nieuwe versie uit met verbeteringen en bugfixes.
- Verbeterde stijloptimalisatiecode om de grootte van de Tailwind CSS-uitvoer te verkleinen
- Verbeterde SVG-conversie
- Verbeterde grensondersteuning
- Ondersteuning voor achtergrondafbeeldingen toegevoegd
- Een waarschuwing toegevoegd over iFrames (momenteel werkt DivMagic niet op iFrames)
- Een bug opgelost waarbij achtergrondkleuren niet werden toegepast
9 mei 2023
🚀 DivMagic gelanceerd!
We hebben zojuist DivMagic gelanceerd! De eerste versie van DivMagic is nu live en klaar voor gebruik. We zijn benieuwd wat je ervan vindt!
- Kopieer en converteer elk element naar Tailwind CSS
- Kleuren worden geconverteerd naar Tailwind CSS-kleuren
Voorwaarden en beleid
© 2024 DivMagic, Inc. Alle rechten voorbehouden.