Resumen de materiales frescos del mundo frontend de la última semana n. ° 434 (21 al 27 de septiembre 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" No. 249. Chat en Telegram, Firefox 81, Vue 3, GitHub CLI, depuración CSS, nuevo Nova, editor para la web

• Podcast "Frontend Youth (18+)" - # 156 Cambiar de aguja Styleguidist a Cosmos

• Podcast CSSSR: Release Vue 3, PostCSS 8, TypeScript 4.1 Beta, Github CLI 1.0, sunset moment.js, historial de Internet

• YGLF 2020 Vilnius: Edición digital

desarrollo web

• El diseñador de maquetación no necesita matemáticas 2: Matrices, transformaciones básicas, renderizado 3D y filtros de imagen

• Por qué los sitios web necesitan un encabezado HTTP Strict Transport Security (HSTS)

• Esperanzas incumplidas de los componentes web

• Simplifique su pila con un generador de sitios estáticos personalizado

• Comenzando trabajando con Eleventy

• Folding the Web: creación de un diseño verdaderamente receptivo para dispositivos plegables

• Vital Web Performance . Métricas de rendimiento esenciales para su sitio web

• 
  
  • Chrome DevTools
  
  • Chrome DevTools Issues
  
  • Fiddler Lighthouse
  
  

• 
  
  • -: WCAG
  
  • ComicA11y — ,
  
  • “W3C , ”. ?
  
  

• 
  
  • - «UI Interactions & Animations Roundup #10»
  
  • 25+ CSS
  
  • ray marching 2D webgl
  
  • Spring Physics: css
  
  

CSS

• vídeo sensible que proporciona una función de matemáticas CSS

• ¿Por :: antes y después :: pseudo-elementos no trabajo para los campos de entrada y las imágenes

• CSS matemáticas

• RatioBuddy es una herramienta en línea simple que crea un fragmento SCSS para cualquier relación de aspecto.

• ¿Qué está pasando con CSS Houdini?

• 4 propiedades relativamente desconocidas para construir diseños CSS

• Encontrar la causa del error CSS

• Aplicar estilo al elemento de detalles

• 3 cosas que quizás no sepa acerca de las variables CSS

• Escala lineal del tamaño de fuente usando CSS-clamp () basado en la ventana gráfica

JavaScript

• Dominar el símbolo de JavaScript ES6

• Crear una promesa de JavaScript desde cero, Parte 1: El constructor

• Una descripción general de las novedades de ECMAScript 2021

• Todo sobre Null en JavaScript

• JavaScript orientado a objetos: primitivos y objetos

• Métodos de matriz de bucle desde dentro

• React
  
  • ReactJS:
  
  • React,
  
  • 15 React
  
  • SX Transform
  
  • React Suspense
  
  • visx Airbnb — React
  
  • JSX React
  
  • SPA React Helmet
  
  

• Vue
  
  • Vue.js 3.0 «One piece»
  
  • villus — GraphQL Vue.js.
  
  • code-splitting Nuxt.js
  
  • Vue 3 — ,
  
  • Vuex:
  
  • … Nuxt.js
  
  • Vue 3 Composition API Introduction [FULL TUTORIAL]
  
  • Vue 3 — ? ?
  
  

• Angular
  
  • TypeScript Angular
  
  • Angular
  
  • DOM Angular?
  
  

• Ember
  
  • The Ember Times — Issue No. 164
  
  • ember-data-jsonapi-fields
  
  • Autotracking: Elegant DX Via Cutting-Edge CS
  
  

• Svelte
  
  • Single File Components
  
  • 3 Svelte
  
  

• Libs & Plugins
  
  • Moon.js
  
  • fflate — JavaScript.
  
  • importabular — , Excel.
  
  

• Lanzamiento de Firefox 81

• Microsoft anunció el inicio de las pruebas de la versión Linux de Edge en octubre

• Problemas en Chrome Web Store: Google finalmente cierra la API de pagos

• Lanzamiento de Firefox Reality 12, un navegador para dispositivos de realidad virtual



Digest la semana pasada .

Material preparado dersmoll y alekskorovin .