Rede
Extensõ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çãoComo implementar a autenticação no Next.js com Auth0
Um tutorial passo a passo sobre como adicionar autenticação e autorização aos seus aplicativos Next.js, com Auth0. Usaremos um SDK Next.js para conectar nosso aplicativo à API Auth0 e criaremos a rota de API dinâmica para React.
consulte Mais informaçãoPadrões de design frustrantes: menus suspensos mega suspensos
Tudo para ter em mente ao projetar e construir um mega-dropdown, armadilhas comuns, atrasos de entrada/saída de hover, técnica de triângulo de trajetória e áreas de saída de caminho SVG.
consulte Mais informaçãoComo criar, editar e animar SVGs em um só lugar com o SVGator 3.0
Hoje, estamos analisando mais de perto o [SVGator 3.0](https://www.svgator.com/?utm_source=article&utm_medium=smashingmag&utm_campaign=svgator3_smashing), uma nova versão importante do popular aplicativo SVG que permite criar, editar e anime arquivos SVG e aproveite ao máximo o que o SVG tem a oferecer — do início ao fim.
consulte Mais informação