Intisari bahan segar dari dunia frontend untuk minggu terakhir # 427 (3 - 9 Agustus 2020)

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

Media     |    Pengembangan Web     |    CSS     |    JavaScript     |    Browser

Media

• Podcast "Standar Web" # 241. Podcast sampingan, acara online, berita browser, utama alih-alih master, cari empati

• Podcast CSSSR: Menguji komponen Vue, peta jalan pengembangan Github, Angular, Next.js dan rilis git

• Podcast "Frontend Youth (18+)" # 149 : Gletser yang mencair yang bisa dinegosiasikan

pengembangan web

• Teknologi pengembangan front-end yang mungkin tidak Anda perhatikan

• Penggunaan profesional alat pengembang Chrome: 13 kiat

• Panduan pengembangan web untuk pemula "Panduan tanpa jargon" - Menerapkan situs web pertama Anda

• Rilis Emmet 2 untuk Sublime Text

• 
  
  • . 1. Critical Render Path
  
  • SSR 10
  
  • Google Core Web Vitals
  
  • «Performance» Chrome React.
  
  • content-visibility: CSS, .
  
  • , Performance Score ( )
  
  • hero-
  
  

• 
  
  • Facebook.com
  
  • Axe-core 4.0,
  
  •
  
  

• 
  
  • «UI Interactions & Animations Roundup #9»
  
  • Magnetic Buttons — «» .
  
  • SVG
  
  • «Inspirational Websites Roundup #17»
  
  

CSS

• CSS Grid dapat dipahami oleh semua orang

• Kueri media di SCSS - cara lain yang nyaman untuk menggunakan layar @media

• 6 fitur CSS canggih yang memungkinkan untuk dilakukan tanpa JavaScript

• Drop-Shadow: filter CSS yang diremehkan

• Nilai yang Dihitung: lebih dari yang terlihat

• Solusi mudah untuk Masonry di CSS Grid dengan fallback JavaScript

• Mendalami lebih dalam properti Flex

• Solusi grid CSS modern untuk sebagian besar masalah tata letak

• Menerapkan pembalikan halaman yang realistis di CSS

• Mengoptimalkan CSS untuk memuat halaman lebih cepat

• Kosakata CSS interaktif

• Kontrol lebih besar atas Batas CSS dengan gambar latar belakang

• font-weight: 300 bisa berbahaya (dan solusi yang mungkin dengan fontconfig)

• Tata Letak Superhero - Menggabungkan Bentuk Grid CSS dan CSS

JavaScript

• Trik JavaScript favorit saya

• Modul Node berperang: mengapa Modul CommonJS dan ES tidak dapat bekerja bersama

• RxJS & Firebase 101

• Mengumumkan situs web baru untuk TypeScript

• Perbandingan model reaktivitas - React vs Vue vs Svelte vs MobX vs Solid

• 1Keys - Bagaimana Saya Membuat Piano Hanya dengan JavaScript 1KB

• 
  
  • JavaScript
  
  • Array.isArray(Array.prototype) true?
  
  • c , .
  
  

• React
  
  • Concurrent Mode React: -
  
  • Next.js SEO
  
  • React
  
  • Redux
  
  • React: React .
  
  • react-spring
  
  

• Vue
  
  • Vue.js , 9:
  
  • Vue.js , 10:
  
  • - VuePress Bulma
  
  • React Vue.js:
  
  

• Angular
  
  • Angular-
  
  • Angular
  
  • Angular — .
  
  • Angular 10
  
  • Angular,
  
  • Change Detection Angular, -
  
  • Angular 10 — Angular
  
  

• Ember
  
  • The Ember Times — Issue No. 159
  
  

• Svelte
  
  • Svelte Radio, Episode 8 — Amelia Wattenberger, Svelte, D3 and other fun stuff!
  
  • Svelte React?
  
  • svelte
  
  

• Libs & Plugins
  
  • 8 JavaScript Local Storage
  
  • jois — - -.
  
  

• Firefox telah mulai mengaktifkan perlindungan terhadap pelacakan pergerakan melalui pengalihan

• Edge Baru untuk semua orang. Microsoft telah memblokir kemampuan untuk mencopot pemasangan browser dari Windows 10

• Pangsa pasar Chrome dan Edge terus berkembang, dan Firefox kehilangan popularitasnya

Kami mohon maaf atas kemungkinan kesalahan ketik atau tautan rusak / digandakan. Jika Anda melihat masalah - silakan tulis secara pribadi, kami mencoba memperbaikinya dengan cepat.

Cerna selama seminggu terakhir .

Bahan disiapkan dersmoll dan alekskorovin .