Intisari bahan-bahan segar dari dunia frontend untuk minggu terakhir # 446 (14-20 Desember 2020)

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

Media     |    Pengembangan Web     |    CSS     |    JavaScript     |    Browser

Media

• "News 512" dari CSSSR: Firefox 84, "Frontend-2021" dari Tinkoff, rilis keamanan Node.js, Deno 1.6, MDN Web DNA 2020

• Podcast "Make me beautiful" # 52 - Cetak kesalahan ketik di 200 ribu situs

• Podcast Frontend Youth (18+) # 166: Seluruh Sejarah JavaScript dalam 100 Menit

• Standar Web Podcast # 260: Web Almanac 2020, Safari TP, PWA, EStimate, Unduh berdasarkan Permintaan, Houdini, Squoosh 2 dan CLI

• Depan -selesai 2021 Peta Jalan & Tren | Apa yang harus diajarkan pada tahun 2021?

• Lebih banyak, lebih banyak tampilan depan - laporan dari UMoneyDay

• Chrome Developer Summit 2020

• Chrome Dev Summit Russia 2020 Diperpanjang

• Sorotan Chrome Dev Summit 2020

pengembangan web

• Front-end-2021: tren seperti yang kita lihat

• Apa yang harus diketahui pengguna front-end tentang UX dan mengapa harus memompa ke arah ini

• Daftar periksa SEO (PDF)

• Dasar-dasar caching aplikasi web

• 
  
  • , Google Fonts.
  
  • PageSpeed Insights —
  
  • Observer vs Scroll Lazy Loading:
  
  • CSS, CMS CLS
  
  • 5 ,
  
  

• 
  
  • ?
  
  • GOV.UK
  
  • WCAG 2.1: Label in Name
  
  

• 
  
  • glitch- Cyberpunk 2077 CSS
  
  • Web Animations API — Pie Timer
  
  • «Inspirational Websites Roundup #21»
  
  • UI «UI Interactions & Animations Roundup #13»
  
  

CSS

• Hapus offset pada overlay tata letak di CSS Grid

• CSS Scroll Snap - alat yang ampuh untuk membuat wadah yang dapat digulir tanpa JavaScript

• Pemrosesan nilai CSS

• AnimXYZ - perpustakaan komponen untuk animasi CSS yang dapat dengan mudah disematkan dalam kerangka apa pun

• Properti CSS untuk transformasi titik

• Pemrosesan singkat dan konten panjang di CSS

• Font dalam email HTML

• Visibilitas konten dan Semantik yang Dapat Diakses

• Memformat console.log () dengan CSS

• Centering in CSS

• Cara Membuat Halaman Responsif dan Tema Warna dengan Minimal CSS

• Elemen Lengket Dikombinasikan dengan CSS Grid

JavaScript

• Fitur ES2021 / ES12 Baru

• Modul dalam JavaScript

• Iterabel dan Iterator: Panduan Mendalam tentang JavaScript

• Mengubah Rekursi menjadi Loop

• Memahami sintaks perusak dalam JavaScript

• Bagaimana seorang pengembang membuat ulang AirDrop hanya dengan menggunakan JavaScript

• Tutorial Rust: Pengantar Rust untuk Pengembang JavaScript

• JavaScript: JS bersyarat, dimuat hanya saat diperlukan

• React
  
  • react
  
  • PWA create-react-app
  
  • React
  
  • 25 React,
  
  • Sitemap Next.js
  
  • Redux
  
  • Iframes React:
  
  

• Vue
  
  • SSR Vue Node.js
  
  • Vue.js MJML
  
  • Qui — - Vue.js
  
  • Vue.js
  
  

• Angular
  
  • Angular
  
  • Angular
  
  • context help component Angular global event listener
  
  • Angular @ngrx/component-store
  
  

• Ember
  
  • Ember 3.23
  
  • The Ember Times — Issue No. 170
  
  • Ember.js
  
  

• Libs & Plugins
  
  • Tiny-Swiper — JavaScript swiper
  
  • Locomotive Scroll
  
  • Moiva — JS-
  
  • EStimator , JavaScript
  
  

• Rilis Firefox 84

• Firefox 85 akan memiliki perlindungan pelacakan tambahan berdasarkan segmentasi jaringan

• Di Firefox, Chrome, Edge dan Safari, sertifikat yang digunakan untuk mencegat lalu lintas di Kazakhstan diblokir

• Pengelola kata sandi Microsoft yang baru menyinkronkan data antara Edge, Chrome, iOS dan Android

• Avast menemukan 28 ekstensi berbahaya untuk Chrome dan Edge yang mencuri data pribadi pengguna

• Microsoft merilis browser Edge untuk komputer Apple berdasarkan M1 chip



Digest minggu lalu .

Bahan disiapkan oleh dersmolldan alekskorovin .