Resumen de materiales frescos del mundo frontend de la última semana # 427 (3 al 9 de agosto de 2020)

Traemos a su atención una selección con enlaces a nuevos materiales del área de frontend y alrededor de ella.

Medios     |    Desarrollo web     |    CSS     |    JavaScript     |    Navegadores

Medios de comunicación

• Podcast "Estándares web" # 241. Podcasts secundarios, eventos en línea, noticias del navegador, principal en lugar de maestro, buscando empatía

• Podcast CSSSR: Prueba de componentes de Vue, Hoja de ruta de desarrollo de Github, Lanzamientos de Angular, Next.js y Git

• Podcast de Frontend Yunost (18+) # 149 : Nagibable derrite los glaciares

desarrollo web

• Tecnologías de desarrollo front-end que quizás no hayas notado

• Uso profesional de las herramientas de desarrollo de Chrome: 13 consejos

• Guía de desarrollo web para principiantes "La guía sin jerga": Implementación de su primer sitio web

• Lanzamiento de Emmet 2 para Sublime Text

• 
  
  • . 1. Critical Render Path
  
  • SSR 10
  
  • Google Core Web Vitals
  
  • «Performance» Chrome React.
  
  • content-visibility: CSS, .
  
  • , Performance Score ( )
  
  • hero-
  
  

• 
  
  • Facebook.com
  
  • Axe-core 4.0,
  
  •
  
  

• 
  
  • «UI Interactions & Animations Roundup #9»
  
  • Magnetic Buttons — «» .
  
  • SVG
  
  • «Inspirational Websites Roundup #17»
  
  

CSS

• CSS Grid es comprensible para todos

• Consultas de medios en SCSS: otra forma conveniente de usar la pantalla @media

• 6 potentes funciones de CSS que hacen posible prescindir de JavaScript

• Sombra paralela: un filtro CSS subestimado

• Valores calculados: más de lo que parece

• Solución fácil para mampostería en CSS Grid con respaldo de JavaScript

• Profundización en la propiedad Flex

• Soluciones modernas de cuadrícula CSS para la mayoría de los problemas de diseño

• Implementación de cambio de página realista en CSS

• Optimización de CSS para una carga de página más rápida

• Un vocabulario CSS interactivo

• Más control sobre los bordes CSS con imagen de fondo

• font-weight: 300 puede ser dañino (y una posible solución con fontconfig)

• Diseño de superhéroe: combinación de cuadrícula CSS y formas CSS

JavaScript

• Mis trucos favoritos de JavaScript

• Módulos de nodo en guerra: por qué los módulos CommonJS y ES no pueden funcionar juntos

• RxJS y Firebase 101

• Anuncio de un nuevo sitio web para TypeScript

• Comparación de modelos de reactividad: React vs Vue vs Svelte vs MobX vs Solid

• 1Keys: cómo hice un piano con solo 1 KB de JavaScript

• 
  
  • JavaScript
  
  • Array.isArray(Array.prototype) true?
  
  • c , .
  
  

• React
  
  • Concurrent Mode React: -
  
  • Next.js SEO
  
  • React
  
  • Redux
  
  • React: React .
  
  • react-spring
  
  

• Vue
  
  • Vue.js , 9:
  
  • Vue.js , 10:
  
  • - VuePress Bulma
  
  • React Vue.js:
  
  

• Angular
  
  • Angular-
  
  • Angular
  
  • Angular — .
  
  • Angular 10
  
  • Angular,
  
  • Change Detection Angular, -
  
  • Angular 10 — Angular
  
  

• Ember
  
  • The Ember Times — Issue No. 159
  
  

• Svelte
  
  • Svelte Radio, Episode 8 — Amelia Wattenberger, Svelte, D3 and other fun stuff!
  
  • Svelte React?
  
  • svelte
  
  

• Libs & Plugins
  
  • 8 JavaScript Local Storage
  
  • jois — - -.
  
  

• Firefox ha comenzado a activar la protección contra el seguimiento de movimientos a través de redireccionamientos

• New Edge para todos. Microsoft ha bloqueado la posibilidad de desinstalar el navegador de Windows 10

• La cuota de mercado de Chrome y Edge sigue creciendo, y Firefox pierde su popularidad

Pedimos disculpas por posibles errores tipográficos o enlaces rotos / duplicados. Si nota un problema, escríbalo personalmente, estamos tratando de solucionarlo rápidamente.

Recopilación de la última semana .

Material preparado dersmoll y alekskorovin .