Resumen de materiales frescos del mundo frontend de la última semana # 424 (13-19 de julio de 2020)

Traemos a su atención una selección con enlaces a nuevos materiales del área de la interfaz y su entorno.





Medios     |    Desarrollo web     |    CSS     |    JavaScript     |    Navegadores     |    Entretenido



Medios de comunicación



• podcast Podcast "Estándares web" # 238: Eventos en Yandex, Safari, planes de navegador, nuevo CSS Zen Garden, Houdini vs CSS, conjunto de interfaz de usuario de Yandex

• podcast Podcast "Frontend Youth (18+)" # 146: En prueba por falta de accesibilidad

• podcast Podcast "CSSSR": Vue 3, nuevas funciones de CSS, web.dev Rusia, PHP 8, ML y QA, polimorfismo, State of Frontend 2020



desarrollo web



• habr Regreso de la web de los 90

• ¿ habr Wasm o no Wasm?

• habr Cómo decidimos optimizar las imágenes y, en el proceso, rediseñamos el sitio, el panel de administración y el enfoque de la interfaz.

• ru Añadimos realidad aumentada a sus sitios.

• ru De Gatsby a Eleventy: elección de un generador de sitios estáticos para su sitio personal.

• ru Estado actual del diseño de píxeles perfectos.

• ru Cómo cambiar de Bootstrap. Versión 4 a 5

• ¿ ru Hacer Jamstack lento? Desafío aceptado.







CSS



• habr Lo que no sabía sobre CSS

• Las partes invisibles de CSS

• 8 recomendaciones de SCSS para recordar

• ru Efecto de tarjetas permanentes en CSS

• ru Tres alternativas de navegación CSS en JavaScript

• ru Cuadrículas Parte 1: Cuadrícula o no cuadrícula

• ru Puntos de interrupción de CSS utilizados por populares Marcos de CSS

• ru Efecto de filtro de fondo con CSS

• ru Solución "haga clic para animar gif" en CSS puro

• ru Etapa de estilo: varias combinaciones de técnicas modernas de CSS para diseñar una estructura HTML en estilo CSS Zen Garden

• ru Cómo poner texto en cursiva



JavaScript



• habr 4 características de JavaScript innovadoras del futuro

• habr 155 preguntas de JavaScript

• habr Instalación y actualización de dependencias en JavaScript

• ru Qué es el cierre, explicado por Dan Abramov

• ru Una explicación simple de la delegación de eventos de JavaScript

• Los ru 34 repositorios JS más populares en GitHub en junio de 2020

• ru 14 consejos para optimizar el código JavaScript para desarrolladores front-end

• ru 8 proyectos JavaScript tontos que te harán sonreír

• ru Eliminación de objetos duplicados: tres enfoques



  • React

    • habr - React

    • habr web- React

    • ru React

    • ru React Spectrum — Adobe, ,

    • ru Vue React

    • ru React Router 6



  • Vue

    • habr Vue.js , 3:

    • habr Vue.js , 4:

    • ru Vue 3 RC

    • ru Vue: Vue 3

    • ru Vuex Vue 3

    • ru IntersectionObserver Vue.js



  • Angular

    • ru Angular

    • ru Angular Rxjs

    • ru Angular





  • Svelte

    • ru Svelte

    • ru Leaflet Svelte

    • ru Svelte ( Svelte)







Navegadores



• ru Nuevo en Chrome 84

• Chrome 84 versión

• revisión de Windows 10, lo que reduce el consumo de memoria en Chrome, desactivado en la nueva versión del navegador





Entretenido



• Google disipó SEO mitos acerca del rastreo de presupuesto

• servicio de Mozilla VPN oficialmente lanzó

• GitHub pasó bajo el hielo: 21 TB de fuente abierta escondido en el repositorio Ártico

• actualizado a Apple la guía de estilo desarrollador y reemplazó las palabras lista negra, amo y esclavo en él para combatir la discriminación

• NYT: Las cuentas de Twitter pirateadas de Musk y otros obtuvieron acceso a herramientas internas a través del chat Slack de la compañía

• Linus Torvalds aprobó la eliminación de los términos esclavo, lista negra y otros del kernel de Linux



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 .



All Articles