Registro de alterações
Todas as últimas adições e melhorias que fizemos no DivMagic
24 de novembro de 2024
Novo design
Novo design para site e ferramentas DivMagicAtualizamos o design do site e das ferramentas do DivMagic para torná-lo mais moderno e fácil de usar.
Estamos trabalhando em melhorias na extensão e no Studio para oferecer uma experiência melhor a você.
8 de outubro de 2024
Atualização de integração do WordPress
Integração com WordPress Novas mudanças
Atualizamos a integração do WordPress Gutenberg para corrigir problemas de estilo dos elementos copiados e fornecer uma experiência mais robusta.
Confira nossa documentação para um tutorial detalhado
Atualizamos a integração do WordPress Gutenberg para corrigir problemas de estilo dos elementos copiados e fornecer uma experiência mais robusta.
Confira nossa documentação para um tutorial detalhado
24 de setembro de 2024
Atualização de integração do WordPress
Integração com WordPress Novas mudanças
Atualizamos a integração do WordPress Gutenberg para melhorar a capacidade de resposta dos elementos copiados.
Confira nossa documentação para um tutorial detalhado
Atualizamos a integração do WordPress Gutenberg para melhorar a capacidade de resposta dos elementos copiados.
Confira nossa documentação para um tutorial detalhado
20 de setembro de 2024
Ferramenta de integração e régua com WordPress
Integração com WordPress
Adicionamos integração com WordPress Gutenberg, que será extremamente útil para usuários do WordPress.
Depois de selecionar um elemento, você pode clicar no botão 'Exportar para WordPress'. Em seguida, acesse o WordPress Gutenberg e o componente aparecerá como um bloco no editor.
Confira nossa documentação para um tutorial detalhado
Ferramenta de régua
Adicionamos uma ferramenta Régua à caixa de ferramentas. Isso permite que você veja a largura/altura de um elemento, bem como a margem e o preenchimento, facilitando a cópia precisa dos elementos.
Adicionamos integração com WordPress Gutenberg, que será extremamente útil para usuários do WordPress.
Depois de selecionar um elemento, você pode clicar no botão 'Exportar para WordPress'. Em seguida, acesse o WordPress Gutenberg e o componente aparecerá como um bloco no editor.
Confira nossa documentação para um tutorial detalhado
Ferramenta de régua
Adicionamos uma ferramenta Régua à caixa de ferramentas. Isso permite que você veja a largura/altura de um elemento, bem como a margem e o preenchimento, facilitando a cópia precisa dos elementos.
Melhorias
- Interface de usuário aprimorada para melhor usabilidade
- Otimizações de desempenho para cópia mais rápida de elementos
14 de julho de 2024
Melhorias e correções de bugs
Copiar adições de recursos de página inteira
Você pode selecionar qual componente e estilo deseja copiar durante a cópia da página inteira
Lógica de cópia atualizada
O código copiado será mais preciso e limpo
Corrigido um bug onde alguns componentes estavam faltando na biblioteca de componentes
Você pode selecionar qual componente e estilo deseja copiar durante a cópia da página inteira
Lógica de cópia atualizadaO código copiado será mais preciso e limpo
Correções de bugs
Corrigido um bug onde alguns componentes estavam faltando na biblioteca de componentes
14 de maio de 2024
Nova UI, melhorias e correções de bugs
Nova IU para a extensão
Atualizamos a IU da extensão para torná-la mais fácil de usar.
Adicionado recurso Copiar página inteira
Agora você pode copiar páginas inteiras com um clique
Adicionada uma nova ferramenta à caixa de ferramentas: Ferramenta de captura de tela
Agora você pode fazer capturas de tela de qualquer site e baixá-las diretamente
Corrigido um bug onde algumas visualizações não eram exibidas corretamente na biblioteca de componentes
Atualizamos a IU da extensão para torná-la mais fácil de usar.
Adicionado recurso Copiar página inteira
Agora você pode copiar páginas inteiras com um clique
Adicionada uma nova ferramenta à caixa de ferramentas: Ferramenta de captura de tela
Agora você pode fazer capturas de tela de qualquer site e baixá-las diretamente
Correções de bugs
Corrigido um bug onde algumas visualizações não eram exibidas corretamente na biblioteca de componentes
16 de abril de 2024
Melhorias e correções de bugs
Melhorou a geração de visualização de componentes salvos. Alguns componentes não exibiam a visualização corretamente.
Corrigido um bug onde o botão Salvar Componente não funcionava.
Estamos cientes de que, à medida que mais recursos são adicionados, a extensão pode ficar mais lenta. Estamos trabalhando para melhorar o desempenho da extensão.
Corrigido um bug onde o botão Salvar Componente não funcionava.
Estamos cientes de que, à medida que mais recursos são adicionados, a extensão pode ficar mais lenta. Estamos trabalhando para melhorar o desempenho da extensão.
8 de abril de 2024
Novo recurso e melhorias
Esta versão inclui um novo recurso: Pré-visualizações na Biblioteca de Componentes
Agora você pode ver as visualizações dos componentes salvos na Biblioteca de Componentes.
Você também pode acessar seu painel diretamente da extensão.
Melhorou o desempenho da extensão
Agora você pode ver as visualizações dos componentes salvos na Biblioteca de Componentes.
Você também pode acessar seu painel diretamente da extensão.
Melhorias
Melhorou o desempenho da extensão
31 de março de 2024
Novo recurso
Esta versão inclui um novo recurso: Biblioteca de Componentes
Agora você pode salvar os elementos copiados na Biblioteca de Componentes. Isso permitirá que você acesse seus componentes salvos a qualquer momento.
Você também pode compartilhar seus componentes com outras pessoas compartilhando o link do Studio.
Você também pode exportar seus componentes para o DivMagic Studio diretamente da Biblioteca de Componentes.
Agora você pode salvar os elementos copiados na Biblioteca de Componentes. Isso permitirá que você acesse seus componentes salvos a qualquer momento.
Você também pode compartilhar seus componentes com outras pessoas compartilhando o link do Studio.
Você também pode exportar seus componentes para o DivMagic Studio diretamente da Biblioteca de Componentes.
15 de março de 2024
Novos recursos e melhorias
Esta versão inclui três novos recursos: Nova ferramenta para Toolbox, novas opções de cópia e preenchimento automático para modo editor
Ferramenta Thrash para caixa de ferramentas
A ferramenta Thras permitirá ocultar ou excluir elementos do site.
Novas opções de cópia
Agora você pode copiar HTML e CSS separadamente.
Você também pode obter código HTML e CSS copiado com os atributos, classes e IDs HTML originais.
Preenchimento automático para modo editor
O preenchimento automático irá sugerir as propriedades e valores CSS mais comuns conforme você digita.
Ferramenta Thrash para caixa de ferramentas
A ferramenta Thras permitirá ocultar ou excluir elementos do site.
Novas opções de cópia
Agora você pode copiar HTML e CSS separadamente.
Você também pode obter código HTML e CSS copiado com os atributos, classes e IDs HTML originais.
Preenchimento automático para modo editor
O preenchimento automático irá sugerir as propriedades e valores CSS mais comuns conforme você digita.
Melhorias
- Adicionada uma opção para exportar código para o DivMagic Studio diretamente das opções de cópia
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída
- Melhor capacidade de resposta do estilo copiado
2 de março de 2024
Novo recurso
Adicionada uma nova ferramenta à caixa de ferramentas: Seletor de coresAgora você pode copiar cores de qualquer site e usá-las diretamente em seus projetos
Por enquanto, isso está disponível apenas na extensão do Chrome. Estamos trabalhando para adicionar esse recurso também à extensão do Firefox.
26 de fevereiro de 2024
Melhorias e correções de bugs
Melhorias
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída
- Melhor capacidade de resposta do estilo copiado
Correções de bugs
- Corrigido um bug onde alguns estilos CSS não eram copiados corretamente
- Corrigido um bug onde o estilo copiado não respondia se o elemento fosse copiado de um iframe Obrigado a todos vocês que estão relatando bugs e problemas! Estamos trabalhando para corrigi-los o mais rápido possível.
24 de fevereiro de 2024
Novos recursos e melhorias
Se a extensão não responder após a atualização automática, desinstale e reinstale a extensão da Chrome Web Store ou dos complementos do Firefox.
Esta versão inclui vários novos recursos: Caixa de ferramentas, Editor ao vivo, Página de opções, Menu de contextoA caixa de ferramentas incluirá todas as ferramentas necessárias para o desenvolvimento web em um só lugar. Cópia de fontes, seletor de cores, visualizador de grade, depurador e muito mais.
O Live Editor permitirá que você edite o elemento copiado diretamente no navegador. Você pode fazer alterações no elemento e ver as alterações ao vivo.
A página de opções permitirá que você personalize as configurações da extensão. Você pode alterar as configurações padrão e definir suas preferências.
O menu de contexto permitirá que você acesse o DivMagic diretamente do menu do botão direito. Você pode copiar elementos ou iniciar a caixa de ferramentas diretamente do menu de contexto.
Caixa de ferramentas
A caixa de ferramentas inclui modo de inspeção, cópia de fontes e visualizador de grade. Adicionaremos mais ferramentas à caixa de ferramentas no futuro.
Editor ao vivo
O Live Editor permitirá que você edite o elemento copiado diretamente no navegador. Você pode fazer alterações no elemento e ver as alterações ao vivo. Isso tornará mais fácil fazer alterações no elemento copiado.
Página de opções
A página de opções permitirá que você personalize as configurações da extensão. Você pode alterar as configurações padrão e definir suas preferências.
Menu contextual
O menu de contexto permitirá que você acesse o DivMagic diretamente do menu do botão direito. No momento ele tem duas opções: Copiar Elemento e Iniciar Caixa de Ferramentas.
20 de dezembro de 2023
Novos recursos e melhorias e correções de bugs
Esta versão inclui um painel de controle atualizado para o Modo Cópia
Agora você pode escolher o intervalo de detalhes que deseja copiar ao copiar um elemento.
Adicionaremos mais opções ao Modo de cópia para lhe dar mais controle sobre o elemento copiado.
Agora você pode escolher o intervalo de detalhes que deseja copiar ao copiar um elemento.
Adicionaremos mais opções ao Modo de cópia para lhe dar mais controle sobre o elemento copiado.
Melhorias
- Velocidade de conversão melhorada
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída
- Melhor capacidade de resposta do estilo copiado
Correções de bugs
- Corrigido um bug onde atributos CSS desnecessários eram incluídos na saída
- Corrigido um bug onde o painel DivMagic não estava visível em alguns sites
2 de dezembro de 2023
Melhorias e correções de bugs
Esta versão inclui melhorias na capacidade de resposta do estilo copiado.
Também fizemos melhorias no código de otimização de estilo para reduzir o tamanho da saída.
Também fizemos melhorias no código de otimização de estilo para reduzir o tamanho da saída.
Melhorias
- Conversão de fluxo da Web aprimorada
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída
- Melhor capacidade de resposta do estilo copiado
Correções de bugs
- Corrigido um bug onde atributos CSS desnecessários eram incluídos na saída
15 de novembro de 2023
Novos recursos e melhorias e correções de bugs
Esta versão inclui um novo recurso: Exportar para DivMagic Studio
Agora você pode exportar o elemento copiado para o DivMagic Studio. Isso permitirá que você edite o elemento e faça alterações nele no DivMagic Studio.
Agora você pode exportar o elemento copiado para o DivMagic Studio. Isso permitirá que você edite o elemento e faça alterações nele no DivMagic Studio.
Melhorias
- Melhor capacidade de resposta do estilo copiado
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída
Correções de bugs
- Corrigido um bug onde atributos CSS desnecessários eram incluídos na saída
4 de novembro de 2023
Novos recursos e melhorias e correções de bugs
Esta versão inclui um novo recurso: Auto Hide Popup
Quando você ativa Ocultar automaticamente pop-up nas configurações de pop-up, o pop-up de extensão desaparecerá automaticamente quando você afastar o mouse do pop-up.
Isso tornará mais rápido copiar os elementos porque você não precisará fechar o pop-up clicando manualmente.
Ocultar pop-up automaticamente
Esta versão também inclui alterações na localização das configurações. Os formatos de componentes e estilos foram movidos para o controlador de cópia.
Também removemos a opção Detectar cor de fundo. Ele está habilitado por padrão agora.
Quando você ativa Ocultar automaticamente pop-up nas configurações de pop-up, o pop-up de extensão desaparecerá automaticamente quando você afastar o mouse do pop-up.
Isso tornará mais rápido copiar os elementos porque você não precisará fechar o pop-up clicando manualmente.
Ocultar pop-up automaticamente
Esta versão também inclui alterações na localização das configurações. Os formatos de componentes e estilos foram movidos para o controlador de cópia.
Também removemos a opção Detectar cor de fundo. Ele está habilitado por padrão agora.
Melhorias
- Melhor capacidade de resposta do estilo copiado
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída
- Integração DevTools aprimorada para lidar com várias guias abertas
Correções de bugs
- Corrigido um bug onde as opções não eram salvas corretamente
20 de outubro de 2023
Novos recursos e melhorias e correções de bugs
Esta versão inclui um novo recurso: Media Query CSS
Agora você pode copiar a consulta de mídia do elemento que está copiando. Isso tornará o estilo copiado responsivo.
Para obter informações detalhadas, consulte a documentação em Media Query CSS Media Query
Esta versão também inclui uma nova alteração. O botão Copiar página inteira foi removido. Você ainda pode copiar páginas inteiras selecionando o elemento body.
Agora você pode copiar a consulta de mídia do elemento que está copiando. Isso tornará o estilo copiado responsivo.
Para obter informações detalhadas, consulte a documentação em Media Query CSS Media Query
Esta versão também inclui uma nova alteração. O botão Copiar página inteira foi removido. Você ainda pode copiar páginas inteiras selecionando o elemento body.
Melhorias
- Foram feitas melhorias na cópia de estilo para remover estilos desnecessários
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída
- Integração DevTools aprimorada para copiar estilos mais rapidamente
Correções de bugs
- Corrigidos bugs relacionados à cópia absoluta e relativa de elementos
12 de outubro de 2023
Novos recursos e melhorias e correções de bugs
Esta versão inclui dois novos recursos: Modo de cópia e seleção de elemento pai/filho
O Modo de cópia permitirá que você ajuste a gama de detalhes obtida ao copiar um elemento.
Consulte a documentação para obter mais informações sobre o modo de cópia. Modo de cópia
A seleção do elemento pai/filho permitirá alternar entre os elementos pai e filho do elemento que você está copiando.
O Modo de cópia permitirá que você ajuste a gama de detalhes obtida ao copiar um elemento.
Consulte a documentação para obter mais informações sobre o modo de cópia. Modo de cópia
A seleção do elemento pai/filho permitirá alternar entre os elementos pai e filho do elemento que você está copiando.
Melhorias
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída
- Cobertura aprimorada de classes CSS do Tailwind
- Melhor capacidade de resposta do estilo copiado
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída
Correções de bugs
- Corrigido um bug no cálculo da posição do elemento
- Corrigido um bug no cálculo do tamanho do elemento
20 de setembro de 2023
Novos recursos e correções de bugs
DivMagic DevTools foi lançado! Agora você pode usar o DivMagic diretamente do DevTools sem iniciar a extensão.
Você pode copiar elementos diretamente do DevTools.
Selecione um elemento inspecionando-o e vá ao painel DivMagic DevTools, clique em Copiar e o elemento será copiado.
Para obter mais informações, consulte a documentação sobre DivMagic DevTools.
Documentação do DivMagic DevTools
Você pode copiar elementos diretamente do DevTools.
Selecione um elemento inspecionando-o e vá ao painel DivMagic DevTools, clique em Copiar e o elemento será copiado.
Para obter mais informações, consulte a documentação sobre DivMagic DevTools.
Documentação do DivMagic DevTools
Atualização de permissões
Com a adição de DevTools, atualizamos as permissões de extensão. Isso permite que a extensão adicione o painel DevTools perfeitamente em todos os sites que você visita e em várias guias.
⚠️ Observação
Ao atualizar para esta versão, o Chrome e o Firefox exibirão um aviso informando que a extensão pode ‘ler e alterar todos os seus dados nos sites que você visita’. Embora o texto seja alarmante, garantimos que:
Acesso mínimo aos dados: acessamos apenas o mínimo de dados necessários para fornecer a você o serviço DivMagic.
Segurança de dados: Todos os dados acessados pela extensão permanecem em sua máquina local e não são enviados para nenhum servidor externo. Os elementos que você copia são gerados no seu dispositivo e não são enviados para nenhum servidor.
Privacidade em primeiro lugar: estamos comprometidos em proteger sua privacidade e segurança. Para mais detalhes, você pode consultar nossa Política de Privacidade.
Agradecemos sua compreensão e confiança. Se você tiver alguma dúvida ou dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte.
Com a adição de DevTools, atualizamos as permissões de extensão. Isso permite que a extensão adicione o painel DevTools perfeitamente em todos os sites que você visita e em várias guias.
⚠️ Observação
Ao atualizar para esta versão, o Chrome e o Firefox exibirão um aviso informando que a extensão pode ‘ler e alterar todos os seus dados nos sites que você visita’. Embora o texto seja alarmante, garantimos que:
Acesso mínimo aos dados: acessamos apenas o mínimo de dados necessários para fornecer a você o serviço DivMagic.
Segurança de dados: Todos os dados acessados pela extensão permanecem em sua máquina local e não são enviados para nenhum servidor externo. Os elementos que você copia são gerados no seu dispositivo e não são enviados para nenhum servidor.
Privacidade em primeiro lugar: estamos comprometidos em proteger sua privacidade e segurança. Para mais detalhes, você pode consultar nossa Política de Privacidade.
Agradecemos sua compreensão e confiança. Se você tiver alguma dúvida ou dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte.
Correções de bugs
- Corrigido um bug onde as configurações de conversão não eram salvas
31 de julho de 2023
Melhorias e correções de bugs
Melhorias
- Cópia de layout de grade aprimorada
- Cobertura aprimorada de classes CSS do Tailwind
- Melhorou a capacidade de resposta do estilo copiado
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída
Correções de bugs
- Corrigido um bug na cópia absoluta de elementos
- Corrigido um bug na cópia do desfoque de fundo
20 de julho de 2023
Melhorias e correções de bugs
Melhorias
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída
Correções de bugs
- Corrigido um bug na detecção de fundo
18 de julho de 2023
Novos recursos, melhorias e correções de bugs
Agora você pode detectar o plano de fundo do elemento que está copiando com o novo recurso Detectar plano de fundo.
Este recurso detectará o plano de fundo do elemento por meio do pai. Especialmente em fundos escuros, será muito útil.
Para obter informações detalhadas, consulte a documentação sobre Detectar plano de fundo
Detectar plano de fundo
Este recurso detectará o plano de fundo do elemento por meio do pai. Especialmente em fundos escuros, será muito útil.
Para obter informações detalhadas, consulte a documentação sobre Detectar plano de fundo
Detectar plano de fundo
Melhorias
- Melhor capacidade de resposta dos componentes copiados
- Elementos SVG atualizados para usar 'currentColor' quando possível para torná-los mais fáceis de personalizar
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída CSS
Correções de bugs
- Corrigido um bug no cálculo de altura e largura
12 de julho de 2023
Novos recursos e melhorias
Agora você pode copiar páginas inteiras com o novo recurso Copiar página inteira.
Ele copiará a página inteira com todos os estilos e a converterá para o formato de sua escolha.
Para obter informações detalhadas, consulte a documentação.
Documentação
Ele copiará a página inteira com todos os estilos e a converterá para o formato de sua escolha.
Para obter informações detalhadas, consulte a documentação.
Documentação
Melhorias
- Melhor capacidade de resposta dos componentes copiados
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída CSS
3 de julho de 2023
Melhorias e correções de bugs
Melhorias
- Cópia de estilo iframe aprimorada
- Conversão de borda aprimorada
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída
Correções de bugs
- Corrigido um bug na conversão JSX
- Corrigido um bug no cálculo do raio da borda
25 de junho de 2023
Melhorias e correções de bugs
Melhorias
- Conversão de borda aprimorada
- Lógica de tamanho de fonte atualizada
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída
Correções de bugs
- Corrigido um bug no preenchimento e conversão de margem
12 de junho de 2023
Melhorias e correções de bugs
Melhorias
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída
- Conversão de lista aprimorada
- Conversão de tabela aprimorada
Correções de bugs
- Corrigido um bug na conversão da grade
6 de junho de 2023
Novos recursos e melhorias
Agora você pode converter o copiado para CSS. Este é um recurso muito solicitado e estamos entusiasmados em lançá-lo!
Isso permitirá que você trabalhe em seus projetos com facilidade.
Para diferenças entre os formatos de estilo, consulte a documentação
Documentação
Isso permitirá que você trabalhe em seus projetos com facilidade.
Para diferenças entre os formatos de estilo, consulte a documentação
Documentação
Melhorias
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída CSS do Tailwind
- Conversão de lista aprimorada
- Conversão de grade aprimorada
27 de maio de 2023
Melhorias e correções de bugs
Melhorias
- Adicionado um atalho de teclado para copiar o código CSS do Tailwind. Você pode pressionar 'D' para copiar o elemento.
- Conversão SVG aprimorada
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída CSS do Tailwind
Correções de bugs
- Corrigido um bug na conversão JSX onde a saída incluiria string incorreta Obrigado a todos vocês que estão relatando bugs e problemas! Estamos trabalhando para corrigi-los o mais rápido possível.
18 de maio de 2023
Novos recursos e melhorias
Agora você pode converter o HTML copiado em JSX! Este é um recurso muito solicitado e estamos entusiasmados em lançá-lo.
Isso permitirá que você trabalhe em seus projetos NextJS ou React com facilidade.
Isso permitirá que você trabalhe em seus projetos NextJS ou React com facilidade.
Melhorias
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída CSS do Tailwind
14 de maio de 2023
Lançamento do Firefox 🦊
DivMagic foi lançado no Firefox! Agora você pode usar o DivMagic no Firefox e no Chrome.
Você pode baixar o DivMagic para Firefox aqui: Firefox
Você pode baixar o DivMagic para Firefox aqui: Firefox
12 de maio de 2023
Melhorias
DivMagic foi instalado mais de 100 vezes nos últimos 2 dias! Obrigado pelo interesse e todos os comentários.
Estamos lançando uma nova versão com melhorias e correções de bugs.
Estamos lançando uma nova versão com melhorias e correções de bugs.
- Código de otimização de estilo aprimorado para reduzir o tamanho da saída CSS do Tailwind
- Conversão SVG aprimorada
- Melhor suporte de fronteira
- Adicionado suporte para imagem de fundo
- Adicionado um aviso sobre iFrames (atualmente o DivMagic não funciona em iFrames)
- Corrigido um bug onde as cores de fundo não eram aplicadas
9 de maio de 2023
🚀 Lançamento DivMagic!
Acabamos de lançar o DivMagic! A versão inicial do DivMagic já está disponível e pronta para você usar. Estamos ansiosos para ver o que você pensa!
- Copie e converta qualquer elemento para Tailwind CSS
- As cores são convertidas em cores CSS do Tailwind
Recursos
Ferramentas
Termos e políticas
© 2024 DivMagic, Inc. Todos os direitos reservados.