Rede
Preenchendo a lacuna entre designers e desenvolvedores
O UXPin lançou recentemente um novo recurso chamado “Merge”. Essa ferramenta visa romper os abismos de design e desenvolvimento, ao mesmo tempo em que melhora a agilidade e a qualidade que nossas equipes esperam. Essa nova tecnologia pode fazer com que repensar como toda a equipe de design e a equipe de engenharia colaboram.
consulte Mais informaçãoO padrão escuro de preenchimento automático
Um “padrão escuro” é um padrão de UX enganoso que engana os usuários a fazer coisas que eles podem não querer fazer. Neste artigo, Alvaro Montoro faz um pequeno experimento para descobrir quanta privacidade é retirada dos usuários em três navegadores diferentes.
consulte Mais informaçãoAnimação CSS composta no Vue com AnimXYZ
A maioria das bibliotecas de animação como GSAP e Framer Motion são construídas puramente com JavaScript ou TypeScript, ao contrário do AnimXYZ, que é rotulado como “o primeiro kit de ferramentas de animação CSS combinável”, construído principalmente com SCSS. animação na web em um curto espaço de tempo e pouco código.
consulte Mais informaçãoUsando formatos de imagem modernos: AVIF e WebP
Neste artigo, destacaremos como os formatos de imagem modernos (AVIF ou WebP) podem melhorar a compactação em até 50% e oferecer melhor qualidade por byte, mantendo uma aparência visualmente atraente. Compararemos o que é possível em alvos de alta qualidade, baixa qualidade e tamanho de arquivo.
consulte Mais informaçãoMelhorando a acessibilidade do seu Markdown
Você pode encontrar Markdown em muitos lugares na Internet. Este artigo aborda diferentes aspectos do Markdown e como ele interage com outras tecnologias.
consulte Mais informaçãoVamos mergulhar no Cypress para testes de ponta a ponta
O teste de ponta a ponta é um tópico doloroso para você? Neste artigo, Ramona Schwering explica como lidar com testes de ponta a ponta com o Cypress e torná-lo não tão tedioso e caro para você, mas divertido.
consulte Mais informaçãoReconstruindo um grande site de comércio eletrônico com o Next.js (estudo de caso)
Mudamos de uma plataforma de e-commerce integrada mais tradicional para uma plataforma headless com Next.js. Aqui estão as lições mais importantes aprendidas ao reconstruir um grande site de comércio eletrônico com Next.js.
consulte Mais informaçãoSimplificando estilos de formulário com cores de destaque
A nova propriedade `accent-color` do CSS facilita e agiliza a distribuição das cores da nossa marca para determinadas entradas de formulário, aproveitando os estilos do agente do usuário. Neste artigo, vamos dar uma olhada no que ele faz e como usá-lo junto com o 'esquema de cores' para caixas de seleção e botões de opção simples e acessíveis - e imaginar como podemos usá-lo no futuro.
consulte Mais informaçãoComo construir seu próprio ambiente de desenvolvimento sem mouse
Construir um ambiente de desenvolvimento com o shell como chave oferece vários benefícios. Você pode personalizar tudo de acordo com suas próprias necessidades, e o maior de tudo, você pode controlar todo o seu ambiente de desenvolvimento com seu teclado.
consulte Mais informaçãoComo as ferramentas de desenvolvimento da Web estão ajudando os usuários a acompanhar as mudanças rápidas
Os últimos 18 meses foram um período de turbulência sem precedentes. À medida que as pessoas do mundo inundaram o mundo on-line, as empresas se juntaram a elas, usando ferramentas de desenvolvimento da Web para se adaptar em tempo real.
consulte Mais informação