Rede
Como corrigir problemas de deslocamento de layout cumulativo (CLS)
A iniciativa Core Web Vitals do Google conquistou os mundos de SEO e desempenho na Web e muitos sites estão ocupados otimizando sua experiência de página para maximizar o fator de classificação. A métrica de mudança de layout cumulativa está causando problemas para muitos sites, então vamos dar uma olhada em maneiras de resolver quaisquer problemas para essa métrica.
consulte Mais informaçãoMelhorando o desempenho de uma loja online (estudo de caso)
Obter uma boa pontuação de desempenho do Google é difícil para qualquer site, mas fazer isso para uma loja online é ainda mais difícil. Alcançamos pontuações verdes — até mesmo várias para dispositivos móveis. Aqui está como fizemos isso.
consulte Mais informaçãoAdicionando um sistema de comentários a um editor WYSIWYG
Neste artigo, reutilizaremos o editor WYSIWYG básico incorporado no primeiro artigo para criar um sistema de comentários para um editor WYSIWYG que permite aos usuários selecionar texto dentro de um documento e compartilhar seus comentários nele. Vamos cavar!
consulte Mais informaçãoExtensões de código VS úteis para desenvolvedores front-end
Conheça extensões úteis do Visual Studio Code para desenvolvedores da Web: pequenos ajudantes para minimizar lentidão e frustrações e impulsionar o fluxo de trabalho do desenvolvedor ao longo do caminho. Com mensagens de log automático, formatação de código automático, utilitários de arquivo, rótulos de arquivo, trechos de código, colchetes de destaque, tags, recuos e espaços de trabalho, integração e SSH remoto.
consulte Mais informaçãoComo construir e lançar sites responsivos poderosos com o Editor X
Embora os construtores da web existam há muito tempo, não foi até recentemente que eles se tornaram práticos para uso profissional. Fechar a lacuna entre design e código tornou-se a estrela do norte para muitas empresas e estamos vendo uma onda de ferramentas que cumprem essa promessa.
consulte Mais informaçãoSVGs acessíveis: padrões perfeitos para usuários de leitores de tela
Descubra quais padrões SVG devemos evitar e quais padrões são os mais inclusivos ao comparar diferentes combinações de SOs, navegadores e leitores de tela.
consulte Mais informaçãoUm guia para desfazer erros com o Git (Parte 2)
Erros. Esses vilões cruéis nem param no belo mundo do desenvolvimento de software. Mas, embora não possamos evitar cometer erros, podemos aprender a desfazê-los! Este post mostrará as ferramentas certas para o seu trabalho diário com o Git.
consulte Mais informaçãoUma nova maneira de reduzir o impacto do carregamento de fontes: descritores de fontes CSS
As fontes da Web geralmente são terríveis para o desempenho da Web e nenhuma das estratégias de carregamento de fontes é particularmente eficaz para resolver isso. As próximas opções de fontes podem finalmente cumprir a promessa de facilitar o alinhamento de fontes alternativas com as fontes finais.
consulte Mais informaçãoConsultas de contêiner CSS: casos de uso e estratégias de migração
As consultas de contêiner CSS aproximam as consultas de mídia dos próprios elementos de destino e permitem que eles se adaptem a praticamente qualquer contêiner ou layout. Neste artigo, abordaremos os conceitos básicos de consulta de contêiner CSS e como usá-los hoje com aprimoramento progressivo ou polyfills.
consulte Mais informaçãoConstruindo um Editor de Rich Text (WYSIWYG)
Vamos construir um rich text, editor WYSIWYG que suporte rich text, imagens, links e alguns recursos diferenciados de aplicativos de processamento de texto. Usaremos o SlateJS para construir o shell do editor e, em seguida, adicionar uma barra de ferramentas e configurações personalizadas.
consulte Mais informação