Registro de alterações
Todas as últimas adições e melhorias que fizemos no DivMagic
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
Termos policiais
© 2024 DivMagic, Inc. Todos os direitos reservados.