Resumen de materiales frescos del mundo de la interfaz de la última semana # 426 (27 de julio - 2 de agosto de 2020)

Llamamos su atención sobre una selección con enlaces a nuevos materiales del área de frontend y su entorno.

Medios     |    Desarrollo web     |    CSS     |    JavaScript

Medios de comunicación

• Podcast "Frontend Youth (18+)" # 148: Vue, React, Svelte, Typecript, PWA

• Podcast CSSSR: Vue 3 RC, lanzamientos de NodeJS, Svelte + TS, TSDX, V8 8.5, JS del futuro, resultados de encuestas de JetBrains

• Número 39 del podcast Make Me Pretty: ¡Hola, Svelte! ¡Adiós moment.js!

desarrollo web

• Basta de codificación doble o comunicación bidireccional entre el diseño y el código.

• ¿ Almacenamiento local o cookies? Almacenar JWT de forma segura en el cliente

• Acerca de la función de desarrollador de front-end

• Próximos cambios en WordPress 5.5 que los desarrolladores de temas deberían conocer

• Prepararse para la indexación de dispositivos móviles primero - con tiempo adicional en mente

• Renacimiento sin código para desarrolladores web

• esto vs aquello : Explicación de la diferencia entre conceptos similares en el desarrollo web

• Visualización del trabajo de CORS

• PWA
  
  • PWA
  
  • PWA Google, 1
  
  • , - , W3C: 5
  
  

• 
  
  • Lock- npm
  
  • Chrome DevTools 2020
  
  • Webpack:
  
  

• 
  
  •
  
  • HTML-
  
  

CSS

• Innovaciones CSS - julio de 2020 (Gap, relación de aspecto, mampostería, subcuadrícula)

• CSS y fondos múltiples

• Comparación visual de 13 marcos CSS

• Generador de temas de color

• Aprovechar al máximo las fuentes variables en Google Fonts

• Análisis CSS con CSS OM: Obtención de las propiedades, abreviaturas y otros detalles compatibles

• Complemento PostCSS para corregir el error 100vh en iOS

• ¿Qué significa 100% en CSS?

• Varios cómics de CSS

• Uso de CSS para detectar y cambiar los temas del sitio según la configuración del sistema

• ¿Quieres mejorar en la codificación? Enseñe CSS a alguien.

• Texto en negrita al pasar el mouse ... sin cambios de contenido

• Por qué CSS Grid Layout no reemplazará la cuadrícula del marco

JavaScript

• Escribiendo nuestro servidor WebSocket sin dependencias en Node.js

• style9: compilador CSS-in-JS basado en las ideas de stylex de Facebook

• Implementando JavaScript moderno en bibliotecas

• Deje de duplicar constantes en JS y CSS

• Desarrolle e implemente micro-frontend con Single -Spa

• 
  
  •
  
  • JavaScript
  
  • ?
  
  • Javascript 1 , 2
  
  

• React
  
  • React: 50
  
  • React, 4: Cypress Cypress Testing Library
  
  • React Query
  
  • React Guitar — React.
  
  • reactivue — API Vue Composition React
  
  

• Vue
  
  • Vue.js , 7:
  
  • Vue.js , 8:
  
  • Vue 3 RC!
  
  • React Vue. . [ 2020 ]
  
  

• Angular
  
  • Angular
  
  • Angular Language Service Visual Studio
  
  • Blogit — AngularJS + Github
  
  • 10 Angular,
  
  • 15 Angular
  
  • 11 , NGXS Angular
  
  

• Ember
  
  • Ember 3.20
  
  • The Ember Times — Issue No. 158
  
  • ember-csz: CSS-in-JS Ember
  
  • Ember Octane:
  
  

• Libs & Plugins
  
  • tinykeys — (~ 400 B)
  
  • moment-guess —
  
  • svelthree — Svelte three.js
  
  

• Chrome (casi) demolió la extensión en la que habíamos estado trabajando durante tres años y no quiere hablar de qué

• Lanzamiento de Firefox 79 , detalles para desarrolladores web de Marat Tanalin

• Navegadores protegidos: eligiendo lo mejor

• Nuevo navegador Microsoft Edge fallado, si Google se instaló de forma predeterminada en él

• La versión de Android de Chrome le permitirá confirmar pagos mediante autenticación biométrica

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 .