Intisari bahan-bahan segar dari dunia frontend untuk minggu terakhir # 443 (23-29 November 2020)

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

Media     |    Pengembangan Web     |    CSS     |    JavaScript

Media

• "News 512" dari CSSSR: Browser dari dalam, git sekilas, bfcache, Electron 11, skeptisisme dan Web Vitals, TIOBE di bulan November

• Podcast "Web Standards" # 258. Bocoup dan tampilan, CSS bersarang, adaptasi tabel, perangkat browser, cocokkan semuanya di JS

• Berita CSSSR 512: Chrome 87, Firefox 83, TypeScript 4.1, aria-label, formulir HTML, gradien CSS, CSSBattle 2020

• JavaScript fwdays'20 Musim gugur online

• The Overflow Podcast 289: React, jQuery, Vue: apa rasa favorit Anda dari vanilla JS?

• ShopTalk # 440: Tanpa Server, Database Lokal, Fungsi Edge, dan Menggunakan WordPress Tanpa Server

• Podcast Syntax.fm: Potluck - Frameworks vs Libraries × Debugging × Modul CSS vs Komponen Bergaya × Resume × Manajemen Stres × Lainnya

pengembangan web

• Mengapa baik bagi pengguna bahwa HTML, CSS, dan JS adalah bahasa yang berbeda

• Berpikir seperti pengembang front-end

• Jelajahi kemampuan elemen Detail dan Ringkasan

• Template pemula HTML modern

• Mendalami API Siklus Hidup Halaman

• Pengenalan GraphQL untuk pengembang

• Kembali ke Dasar-dasar: Buat Kartu yang Dapat Diklik dalam HTML, CSS, dan JavaScript

• 
  
  • 5 accessibility Chrome DevTools
  
  • NPM 7: ,
  
  • Dev Fonts —
  
  

• 
  
  • Brotli
  
  • Core Vitals
  
  • Layout Shift netlify.com
  
  • , FOUT Lighthouse
  
  • , AVIF
  
  • Lighthouse 96.
  
  

• 
  
  • «Inspirational Websites Roundup #20»
  
  • -
  
  • - Rogier de Boevé’s
  
  • , : ,
  
  • GSAP
  
  

CSS

• Detail tentang penggunaan fungsi minmax () CSS di tata letak Grid

• Mesin status dibuat dengan kotak centang HTML dan CSS

• Chrome DevTools: refactoring dan penyempurnaan stylesheet dengan CSS Overview Panel

• 5 pseudo-element CSS yang bahkan tidak Anda ketahui keberadaannya dicurigai (menurut penulis)

• Navigasi tengah dengan konten yang sesuai

• Panduan kerangka CSS

• Tip cepat CSS: cara mudah menampilkan kode sumber

• Buat tombol CSS dengan efek bersinar dan perubahan warna halus dari waktu ke waktu

JavaScript

• ECMAScript 4: Versi yang Tidak

• Tampilan Mendetail pada Simbol Terkenal

• Marko.js - Frontend dari ebay.com

• Dekorator JavaScript dari Awal

• Rendering Sisi Server dalam JavaScript: Pendekatan Modern

• JavaScript DOM Selectors - Pelajari Cara Mendapatkan Akses DOM [Infografis]

• Gunakan console.log () seperti seorang profesional

• React
  
  • React i18next
  
  • React
  
  • Boop! —
  
  • React workflow JavaScript
  
  • UI c SVG
  
  • React Redux: React Redux
  
  • PageSpeed ​​Insights React
  
  • React
  
  

• Vue
  
  • Vue.js
  
  • Vue (x) + Firebase
  
  • Vue Vue Testing Library
  
  

• Angular
  
  • , , Action Streams Angular
  
  • Angular
  
  • Angular
  
  

• Ember
  
  • Glimmer Snowpack
  
  • Component Primitives Deep Dive
  
  

• Libs & Plugins
  
  • ODIFF - Alat perbedaan piksel tercepat di dunia.
  
  • Saya Siap - pustaka js untuk memeriksa apakah gambar atau video telah dimuat
  
  • Suri - penyingkat tautan Anda sendiri yang dapat dengan mudah digunakan sebagai situs statis.
  
  

Cerna selama seminggu terakhir .

Bahan disiapkan dersmoll dan alekskorovin .