Resumen de materiales frescos del mundo frontend de la última semana # 444 (1 al 6 de diciembre 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

• "News 512" de CSSSR: WebStorm 2020.3, minmax (), Math.random () en JS, fwdays 2020, Advent of Code, Octoverse y State of CSS , más la versión de texto

• Podcast "Make Me Beautiful" # 51 - Tú pirateado, pero al menos no un hámster

• Podcast FrontoWeek # 136: Lo más destacado del front-end de la semana.

• Podcast Frontend Yunost (18+) # 165: Un sitio para cagar

• Podcast "proConf" # 80: TSConf 2020

• El podcast no definido # 29: Vue vs. Svelte con Evan You y Rich Harris

desarrollo web

• Monolito vs. Micro-frontend

• Cómo crear formularios HTML correctamente: seguridad

• Cómo Lyft está migrando más de 100 microservicios frontend a Next.js

• Construyendo sitios con datos reducidos de preferencias

• De Jekyll a 11ty

• PWA y AMP: aprovechando lo mejor de ambos mundos

• PWAdvent Es el calendario de adviento perfecto para cualquier persona apasionada por la plataforma web.

• 
  
  • WebStorm 2020.3: , Tailwind CSS
  
  • WMR: -. , Preact, . TSX, HMR, CSS Modules, npm ,
  
  • Snowpack v3.0. Streaming NPM Imports, , , JavaScript API
  
  • Puppeteer vs Selenium vs Playwright —
  
  

• 
  
  • Layout Shift netlify.com
  
  •
  
  • Google Fonts
  
  • «» -
  
  • BBC World Service 31 react 83%
  
  

• 
  
  • -
  
  • A11y Advent Calendar
  
  

• 
  
  • SVG  border-image
  
  •
  
  • - Svelte
  
  

CSS

• CSS SECO: Cómo usar cada anuncio solo una vez

• Detalles sobre el uso de la función CSS minmax () en diseños de cuadrícula

• Estado de los resultados de la encuesta CSS 2020

• Faltan herramientas de desarrollo de navegador para Tailwind CSS

• Cómo hacer elementos adhesivos y los cuadros de pantalla completa funcionaron bien juntos

• Calendario con tres líneas de CSS

• Cómo crear un gráfico usando CSS

• Cómo agregar texto al borde usando elementos HTML básicos

• Relaciones de aspecto nativas en CSS usando relación de aspecto

JavaScript

• TypeScrip: Oh, ese divertido sistema de tipos

• JavaScript cumple 25 años: una breve historia del lenguaje y 50% de descuento en WebStorm

• Comienza la encuesta sobre el estado de JavaScript de 2020

• Esto es lo que la gente de la industria tecnológica dijo sobre JavaScript cuando debutó en 1995.

• ¿ Cansado de chistes tontos? Escriba su propia aritmética de precisión arbitraria JS Biblioteca

• Apple Music Guía JavaScript Integración

• js25.org: sitio de la historia JS dedicado a sus 25 años

• 
  
  • 5 JavaScript
  
  • Math.random() JavaScript
  
  • JavaScript
  
  • Incremental vs Virtual DOM
  
  

• React
  
  • SEO- React Single Page Application
  
  • useCallback
  
  • React
  
  • React
  
  • React Hooks : 2
  
  • useState useEffect ReactJS Hooks
  
  • ReactJS Ably
  
  

• Vue
  
  • Ionic & Vue.js — ( )
  
  • Nuxt.js Single Page Application Boilerplate
  
  • Vue.js 1
  
  

• Angular
  
  • ngTemplateOutlet:
  
  • Jest Angular
  
  • Angular 10 Transclusion:
  
  • Ionic/Angular -
  
  

• Ember
  
  • The Ember Times — Issue No. 169
  
  • Ember.js 2020 Tech Talk | coloradoSprings.js Meetup
  
  • -- Ember — Aad Versteden
  
  

• Libs & Plugins
  
  • List.js — , , HTML.
  
  • EasyGrid — VanillaJS
  
  • React-Tensorflow — React , Typescript Tensorflow
  
  

• Navegar sin conexión como si fuera 1995

• Internet Explorer ya no es compatible con Microsoft Teams

• Se presenta Beaker 1.0 con una plataforma P2P para sitios descentralizados

• Chrome 88: productos digitales, evaluación de iluminación de realidad aumentada y más



Resumen de la semana pasada ...

Material preparado dersmoll y alekskorovin .