Resumen de materiales frescos del mundo frontend de la última semana # 425 (20-26 de julio 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 "Estándares web" # 240: MoscowJS, beta Chrome 85, TypeScript en Svelte, mecanografía y volcados en CSS, qué es Numl

• Podcast "Frontend Youth (18+)" # 147: Jenkins toma código de Mediazone

• Podcast CSSSR : Chrome 84, Safari 14 Beta, Ember Roadmap 2020, Yandex UI Kit, Priorización abierta, Actualización de Oracle

• Podcast "Make Me Beautiful", Problema # 38: Tuplas en js, uso de optimización previa Callbacks y un pozo con SPA

desarrollo web

• Es hora de cargar con pereza los <iframe> s fuera de la pantalla

• Interfaz de la derecha: adaptar los controles a los idiomas de derecha a izquierda

• Yaml para desarrolladores web

• Autorización y autenticación para todos

• Google pospuso la transición a la indexación de dispositivos móviles primero hasta marzo de 2021

• HTML completo en README de GitHub con SVG ForeignObject

• Presentación de Jamstack: creación de sitios seguros y de alto rendimiento

• Utilice Chrome DevTools como desarrollador principal de frontend

• 5 estrategias de almacenamiento en caché de Service Worker para su próxima aplicación PWA

• 
  
  • HTML/CSS
  
  •
  
  • ADA Website Accessibility Compliance
  
  

CSS

• Soluciones modernas a viejos problemas de CSS: mantener el pie de página en la parte inferior de la página , elementos de la misma altura: Flexbox vs Grid , escalar imágenes con CSS

• Forma nativa de colorear los iconos SVG

• Acerca de los conflictos de Sass y características CSS relativamente nuevas

• Explicación de las palabras clave iniciales, heredadas, no definidas y volver a CSS

• @property: superpoderes las variables de CSS

• Técnicas modernas de CSS para mejorar la legibilidad

• keyframes.app: una herramienta visual en línea que facilita la creación de CSS para animaciones

• Uso de Flexbox con puntos suspensivos de texto

• Subrayado CSS animado

• Cómo utilizar varios fondos en CSS

• ¿ Cuándo se utiliza el bloque en línea?

• Generador en línea de imágenes de libros tridimensionales en CSS

• css-media-vars - Una nueva forma de escribir CSS receptivo. Puntos de interrupción con nombre, selectores DRY, sin scripts, sin ensamblajes, CSS vainilla.

• Más allá de los tamaños de pantalla: diseño receptivo en 2020

• Blobs CSS realistas

JavaScript

• Elección de dependencias de JavaScript

• Una forma de comprender los literales de plantilla en JavaScript

• JQuery reactivo para código espagueti

• Importación de bibliotecas que no son de ESM en módulos de ES con Vanilla JS

• 
  
  • JavaScript
  
  • JavaScript —
  
  • VanillaJS
  
  • ?
  
  

• React
  
  • Debouncing React Hooks:
  
  • React Router. 3— , props +
  
  • SVG React
  
  • React- 3 ?
  
  • Styled-Components React
  
  • React —
  
  • React, 2: React Testing
  
  • 4 React
  
  

• Vue
  
  • Vuex Vue 3
  
  • Electron Vue
  
  • Vue Slots
  
  • Vue 3.0 -!
  
  • Chakra UI Nuxt.js
  
  • Code Coverage Vue
  
  • SVG Vue
  
  

• Angular
  
  • Angular
  
  • Change Detection Angular
  
  • Angular DI:
  
  • 5 , Angular
  
  • Angular + CSS Modules
  
  

• Ember
  
  • The Ember Times — Issue No. 157
  
  • , ember
  
  • Ember.js,
  
  

• Svelte
  
  • Svelte <3 TypeScript
  
  • Svelte TypeScript — - !
  
  

• Libs y complementos
  
  • doom-scroller.js: una divertida biblioteca de JavaScript que te ayudará a deshacerte del desplazamiento sin fin agregando elementos de Doom
  
  • mailgo: un nuevo concepto de ventanas modales para enlaces mailto y tel
  
  • Perfect Arrows: un conjunto de funciones para dibujar flechas perfectas entre puntos y figuras.
  
  

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 .