Intisari bahan segar dari dunia front-end untuk minggu terakhir No. 415 (11-17 Mei, 2020)

Kami memberi Anda pilihan dengan tautan ke materi baru dari area depan dan di sekitarnya.

Media     |    Pengembangan Web     |    CSS     |    Javascript     |    Browser

Media

• Podcast CSSSR: Github Codespaces, Playwright dan Dalang, tata letak Masonry, Firefox 76, NodeJS 14.2.0 dan rilis lainnya
• Podcast Standar Web No. 230: Rasio aspek, iklan, penampilan: tidak ada, level atas menunggu, Deno, penyimpanan, harga gaya
• UnderJS Podcast # 21 - Node.js 14, TypeScript 3.9 [Klasik]
• Podcast “Frontend Youth” # 138 Tugas Signor
• Blog video Vadim Makeev №21. Panduan kisi adaptif pada gradien dan properti khusus

pengembangan web

• Arsitektur front-end modern (Bagian 2)
• Martin Splitt: Jangan mencoba menemukan kembali roda dalam SEO
• Menaklukkan tag UTM
• Gambar yang tersedia saat paling penting
• Penyimpanan yang terus-menerus
• Visualizer online SVG Path
• Pilihan konsep kreatif "Putaran Interaksi & Animasi UI # 6"

• Kinerja
  
  • Gaya mahal. Laporan Yandex
  • Mengoptimalkan pemuatan font tulisan tangan
  • Apakah layak hosting Google Font

CSS

• Font responsif. Menyesuaikan teks antara nilai tiruan dan nilai min
• Fungsi CSS min (), maks () dan clamp ()
• Animasi garis waktu dalam CSS: membuat mesin Goldberg
• Solusi CSS modern untuk masalah CSS lama
• Memperbaiki CSS untuk 100vh di WebKit seluler
• Cara menjinakkan Tinggi Baris dalam CSS
• Tata letak batu yang responsif pada kisi CSS + JavaScript vanila
• Menggunakan topeng CSS untuk membuat tepian bergerigi
• Mengubah objek ukuran tetap menjadi elemen adaptif

Javascript

• Kami bergabung dengan ISS menggunakan JavaScript dan kompas
• Node.js memperkenalkan platform JavaScript aman Deno 1.0
• Pertanyaan paling sulit dalam wawancara JavaScript. Bagian 2
• Buku Pegangan Deno: Pengantar Singkat untuk Deno
• Sertifikasi Node.js: Pengalaman dan Tip Saya
• Fitur JavaScript yang Harus Diingat Tentang
• Rilis TypeScript 3.9
• Membandingkan Elm dengan Ember Octane dan React

• 
  
  • Async/Await
  • , spread JavaScript
  • JavaScript
  • Javascript- Google
  

• React
  
  • « React»: Recoil — A state management library for React Pro Unlimited
  • : Deno React SSR
  • Recoil — React
  • React — ( !)
  • : () React
  • React. “prefers-reduced-motion”
  • React
  • TypeScript React Webpack Babel
  • stale props React
  • React Cool Inview — React , ( )

• Vue
  
  • Vue , ,
  • 5 JavaScript, Vue
  • TypeScript Vue.js.
  

• Angular
  
  • Angular
  • Angular
  • - Angular
  • if- Angular
  • Angular Starter: Angular 9 + Material + Transloco + Jest + Compodoc
  

• Ember
  
  • Ember 3.18
  • MDN web docs: Ember tutorials
  • The Ember Times — Issue No. 148
  • Coveralls Ember
  • Ember:
  

• Svelte
  
  • 3 Svelte
  • Typescript Svelte
  

• Libs & Plugins
  
  • 5 JavaScript-
  • Perfume v5 — -
  

• Ekstensi Chrome untuk menyembunyikan rekomendasi yang mengganggu di YouTube
• Mulai bulan Agustus, Google Chrome akan mulai memblokir iklan “berat” yang menempatkan banyak beban pada CPU dan baterai
• Google akan menambahkan pengelompokan tab dan sorotan di Chrome untuk meningkatkan produktivitas
• Di Firefox 78, manajer proses akan muncul
• Google Chrome akan mulai memblokir pemuatan iklan yang padat sumber daya
• Perubahan kontroversial pada antarmuka mode pembaca telah dibuat di Firefox yang dibangun setiap malam
• Mozilla telah menonaktifkan otentikasi tambahan untuk sistem tanpa kata sandi utama
• Apa yang Baru di DevTools (Chrome 84)

Kami mohon maaf atas kesalahan ketik atau tautan yang rusak / terduplikasi. Jika Anda melihat ada masalah - silakan tulis dalam email pribadi, kami mencoba untuk memperbaikinya dengan cepat.

Digest Intis minggu lalu .
Bahan disiapkan dersmoll dan alekskorovin .