Chamamos sua atenção para uma seleção com links para novos materiais da área de frontend e em torno dela.

MĂdia | Desenvolvimento Web | CSS | JavaScript
meios de comunicação
•
"News 512" do CSSSR: Navegador de dentro, git Ă primeira vista, bfcache, Electron 11, ceticismo e Web Vitals, TIOBE em novembro
•
Podcast "Web Standards" # 258. Bocupo e aparência, aninhamento de CSS, adaptação de tabela, dispositivo de navegador, ajustar tudo em JS
• CSSSR
News 512: Chrome 87, Firefox 83, TypeScript 4.1, aria-label, formulários HTML, gradientes CSS, CSSBattle 2020
•
JavaScript fwdays'20 Autumn online
•
The Overflow Podcast 289: React, jQuery, Vue: qual Ă© o seu sabor favorito de baunilha JS?
•
ShopTalk # 440: sem servidor, banco de dados local, funções de borda e usando WordPress sem servidor
•
Podcast Syntax.fm: Potluck - Frameworks vs Bibliotecas Ă— Depuração Ă— MĂłdulos CSS vs Componentes estilizados Ă— CurrĂculos Ă— Gerenciamento de estresse Ă— Mais
desenvolvimento web
•
Por que é bom para os usuários que HTML, CSS e JS sejam linguagens diferentes
•
Pense como um desenvolvedor front-end
•
Explore os recursos de elementos de Detalhes e Resumo
•
Um modelo HTML moderno para iniciantes
•
Um mergulho profundo na API do Ciclo de Vida da Página
•
Uma introdução ao GraphQL para desenvolvedores
•
Voltar para O básico: Crie cartões clicáveis ​​em HTML, CSS e JavaScript
-
•
5 accessibility Chrome DevTools
•
NPM 7: ,
•
Dev Fonts —
-
• Brotli
• Core Vitals
•
Layout Shift netlify.com
•
, FOUT Lighthouse
•
, AVIF
•
Lighthouse 96.
-
•
«Inspirational Websites Roundup #20»
•
-
•
- Rogier de Boevé’s
•
, : ,
•
GSAP
CSS
•
Detalhes sobre o uso da função CSS minmax () em layouts de grade
•
Máquina de estado construĂda com caixas de seleção HTML e CSS
•
Chrome DevTools: refatoração e aprimoramento de folhas de estilo com o painel de visão geral CSS
•
5 pseudoelementos CSS que vocĂŞ nem sabe que existem suspeita (de acordo com o autor)
•
navegação Centro de fit-conteúdo
•
orientações-quadro CSS
•
rápido ponta CSS: como mostrar facilmente código fonte
•
Criar um botão CSS com um efeito de brilho e suavizar as alterações de cor ao longo do tempo
JavaScript
•
ECMAScript 4: A versĂŁo que nĂŁo era
•
Uma visĂŁo detalhada de sĂmbolos conhecidos
•
Marko.js - Frontend de ebay.com
• Decoradores JavaScript do zero
•
Renderização do lado do servidor em JavaScript: uma abordagem moderna
•
Seletores DOM JavaScript - Aprenda como obter Acesso ao DOM [Infográfico]
•
Use console.log () como um profissional
- React
•
React i18next
•
React
•
Boop! —
•
React workflow JavaScript
•
UI c SVG
•
React Redux: React Redux
•
PageSpeed ​​Insights React
•
React
- Vue
•
Vue.js
•
Vue (x) + Firebase
•
Vue Vue Testing Library
- Angular
•
, , Action Streams Angular
•
Angular
•
Angular
- Ember
•
Glimmer Snowpack
•
Component Primitives Deep Dive
- Libs e plug-ins
•
ODIFF - A ferramenta de diferença de pixels mais rápida do mundo.
•
Estou pronto - biblioteca js para verificar se imagens ou vĂdeos foram carregados
•
Suri - seu próprio encurtador de links que pode ser facilmente implantado como um site estático.
Resumo da semana passada .
Material preparado dersmoll e alekskorovin .