Intisari material segar dari dunia frontend untuk minggu terakhir # 437 (12-18 Oktober 2020)

Kami memberikan perhatian Anda pilihan dengan link ke materi baru dari area frontend dan sekitarnya.

Media     |    Pengembangan Web     |    CSS     |    JavaScript

Media

• Podcast "Standar Web" # 251. Chrome 86, Safari, dan Firefox, awal dari kit UI, SSR dan Next.js, tentang maraton Zara dan JS

• Podcast "Make Me Beautiful" Edisi # 45: 18+ Kisah Keren Front End

• Podcast CSSSR: Webpack 5 dan Module Federation, Chrome 86, npm 7, Event Loop & Call Stack, Python 3.9, material a11y

pengembangan web

• Kami membuat aplikasi web demi ekonomi - tetapi jalur ini membawa kami ke dalam kegelapan

• Mode gelap: Halo kegelapan, sobat lama

• Dari HTTP ke HTTP 3 - Internet masa depan

• 11 trik front-end yang tidak diketahui banyak pengembang front-end

• Web Komponen: Panduan Lengkap

• Bagaimana Komunikasi Real-Time Dibangun Dengan Socket.io & Node.js

• 
  
  • :
  
  • NPM 7.0
  
  • webpack: webpack 5
  
  • Webpack 5
  
  • Chrome DevTools
  
  

• 
  
  • Core Web Vitals: - Google
  
  • ?
  
  • - PRPL
  
  • Largest Contentful Paint:
  
  

• 
  
  • CSS , 2:
  
  • Checka11y.css — CSS .
  
  • , CSS
  
  

• 
  
  • , Mark Appleby
  
  • Material Design
  
  •
  
  • Motion Blur CSS Transitions
  
  • -
  
  • CSS
  
  

CSS

• Variabel CSS - Kursus Petarung Muda

• 10 Tata Letak Modern dalam Satu Baris CSS

• CSS-in-TS Tingkat Lanjut

• Memilih Tata Letak CSS - Grid atau Flexbox?

• --var:; hack untuk mengubah beberapa nilai dengan satu properti khusus

• Ukuran font responsif menggunakan vanilla CSS

• Penyempurnaan properti Boolean dengan pintasan

• Trik: fokus terlihat

• Pilihan 20 loader animasi dalam CSS murni

• min (), max () dan clamp (): tiga fungsi CSS boolean untuk digunakan hari ini

• Layoutit Grid: Menjelajahi CSS Grid Secara Visual dengan Generator

• Fungsi gambar CSS baru ()

• Pelacakan Pengguna dengan CSS

JavaScript

• WorkBox: toolkit Anda di dunia service worker

• Apa itu WeakSet di JavaScript dan bagaimana cara kerjanya

• Mengapa Anda harus menggunakan Top-level Await di JavaScript?

• Memulai JavaScript Modern - Proxy

• Perjalanan Menuju Performa Rendering Isomorfik

• JavaScript Berorientasi Objek: Sedikit Latihan

• Mendokumentasikan Proyek TypeScript Anda: Opsi

• React
  
  • D3 React
  
  • . Part 1
  
  • React Wallaby.js
  
  • Framer Motion — React.
  
  • long-running React -
  
  • Wouter: React Router
  
  

• Vue
  
  • Nuxt Content ( )
  
  • Vue
  
  • VueJS script gadgets
  
  

• Angular
  
  • Angular DI,
  
  • Lazy Load Angular
  
  • Angular LetDirective — 1
  
  • .CSS .SCSS Angular
  
  

• Ember
  
  • yieldable named blocks
  
  

• Svelte
  
  • Svelte , React
  
  • Svelte
  
  

• Libs & Plugins
  
  • Platform yang nyaman untuk pemilihan pustaka dan kerangka kerja JavaScript - openbase
  
  • Deteksi GPU - Mendeteksi GPU berdasarkan hasilnya dalam tes kinerja rendering 3D, yang memungkinkan pengembang menyediakan pengaturan default yang wajar untuk aplikasi intensif grafis.
  
  • dragmove.js - Pustaka Javascript kecil untuk menyeret dan melepaskan elemen ke DOM
  
  • Memulai Malina.js
  
  • 3 alasan untuk menggunakan lebih sedikit pustaka JavaScript
  
  

Cerna selama seminggu terakhir .

Bahan disiapkan dersmoll dan alekskorovin .