Medios de comunicación | Desarrollo web | CSS | JavaScript | Navegadores
Medios de comunicación
•
Novedades 512 de CSSSR: Firefox 89, Safari 15 Beta, Jest 27, una serie de artículos sobre el rendimiento del navegador, el desarrollo principal, un artículo general sobre las pruebas de frontend y un anuncio del Grupo de la comunidad WebExtensions.
•
Podcast de estándares web n. ° 285: Chrome 92 Beta, Firefox 89, Anchors and Extensions, TeamCity, JS dentro de WASM, TypeScript 4.3
•
Podcast de frontend para jóvenes n. ° 190: Cómo
comenzar con un proyecto antiguo y no ser un puñetazo
•
"News 512" de CSSSR: React 18, Vue 3.1, anuncio de ESLint 8, cursos de CSSSR ,: is (), donde () y: has (), cómo entró Internet
•
Podcast "Callback Hell": Servicios de Google con Bad Web Vitals, compartir la lógica entre el anverso y el reverso, documentación sobre proyectos
desarrollo web
•
El futuro de la web: ¿el renderizado en <canvas> reemplazará al DOM?
• La
etiqueta adecuada para el trabajo: por qué debería usar HTML semántico
•
5 problemas de interfaz que no debe ignorar
- Herramientas
• Tres herramientas de auditoría frontend que descubrí recientemente
• Una selección de plantillas útiles y kits de inicio para el desarrollo web, desde auditoría CSS y a11y hasta marcos y complementos js para VS
• Presentación de Memory Inspector en Chrome DevTools
• Presentación de Astro: un nuevo tipo estático generador de sitios que no utiliza JS
• 7 herramientas para un desarrollo de front-end más rápido en 2022
-
• CSS, JavaScript -
• . 1/n.
• 2/n. FMP TTI?
• 3. Event loop, layout, paint, composite, call stack
•
-
• .
• , -
• whocanuse — ,
•
-
• SVG CSS SVG
• SVG
CSS
•
Diseño poco convencional
• La
guía completa de la cuadrícula CSS con hoja de referencia
•
Colores del sistema
CSS
•
CSS define valores de color que coinciden con la configuración del sistema.
•
Consultas de medios en los días de @container
•
Aprendamos sobre la relación de aspecto en CSS
•
Ajuste de tamaño de CSS para @ font-face
•
Columnas iguales con Flexbox: más difícil de lo que piensa
•
Experimente con tablas ordenables de varias
columnas
•
Meet: tiene: selector de CSS nativo
•
Consultas de contenedor de Cornucopia
•
Cree reglas de tamaño de fuente CSS y cree una escala de tipo fluido
JavaScript
•
Cómo aceleré el motor en un 13%
•
Pronóstico de series de tiempo en JS: análisis de datos para los desarrolladores de frontend más pequeños
•
Sparkplug: un compilador de JavaScript que no optimiza en detalle
•
Cómo crear una aplicación de pila completa usando Supabase y Next.js
•
Implementación campos privados en JavaScript
•
Forever Functional: Memorización de promesas
•
Cómo implementar principios SOLID en JavaScript
•
Automatizar el formato y la corrección de
JavaScript con Prettier y ESLint
•
JavaScript moderno
•
Más allá de ESLint: una descripción general del análisis estático en JavaScript
•
Tipos de API confiables para la seguridad DOM de JavaScript
•
Cómo construir una NFT con JavaScript
•
Rust desde una perspectiva de JavaScript
- React
• Hoja de ruta para React 18
• Una descripción general de las técnicas de gestión de estado de React en 2021
• Alternativas de Redux en 2021
• Tutorial de páginas de Cloudflare: Implementación de una aplicación React a través de GitHub
• Iconos de React: una guía completa con ejemplos
• Prueba de React 18 Alpha
- Vue
• Vue 2 Vue 3 – Migration Helper
• Vue.js Composition API
• State Management? Vuex Nuxt.js
• Vue.js vs. React —
- Angular
• , AsyncPipe Angular
• Angular NgClass — CSS
• Angular GitHub Pages
• Angular
• Angular Material
- Libs & Plugins
• libSquoosh. Squoosh, node
• nanostores — React/Preact/Vue/Svelte
• flexsearch — ,
•
Vivaldi 4.0 - Primer acercamiento
• Google ha reconocido el experimento de mostrar solo el dominio en la barra de direcciones de Chrome como un fracaso
•
Capacidades de WebKit en Safari, demostradas en WWDC21
Digest la semana pasada .
Material preparado dersmoll y alekskorovin .