Intisari bahan segar dari dunia frontend untuk minggu terakhir # 431 (1-6 September 2020)

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

Media     |    Pengembangan Web     |    CSS     |    JavaScript     |    Browser

Media

• Podcast CSSSR: Chrome 85, NodeJS 14.9.0, css-reset vs css-normalize, rilis kerangka kerja JS dan PHP, Selamat tinggal PhoneGap

• UnderJS Podcast # 25 - A Little Break, TypeScript 4, Angular 10

• Frontend Youth (18+ ) - # 153 Mengedit PSD di VSCode

• Podcast "Make Me Beautiful", Masalah # 43: Semakin buruk kodenya, semakin baik pemrogramnya (di Aviasales)

• Podcast "Web Standards" # 245. Firefox 80 dan Chrome 85, tidak ada IE baru, mengapa Yarn 2, AVIF dan WebP v2 baru

• Podcast CSS # 023: Filter

• Podcast Toolsday: "Svelte: A Second Look"

pengembangan web

• Perbandingan alat Blazor dan JavaScript

• Keamanan proyek npm, bagian 1

• Tentang Shadow DOM

• Cara mengamankan REST API

• 4 cara untuk memalsukan API dalam pengembangan front-end

• 11 kerangka kerja mikro-front-end yang harus Anda ketahui

• Alat
  
  • Semua yang perlu Anda ketahui untuk memulai Deno
  
  • Perbandingan alat untuk bekerja dengan desain responsif
  
  • Semua yang perlu diketahui developer tentang Figma
  
  

• 
  
  • . 2. Event loop, layout, paint, composite
  
  •
  
  • GTmetrix : Lighthouse, , PRO .
  
  • JavaScript ( )
  
  • SVG
  
  

• 
  
  • -
  
  •
  
  •
  
  

CSS

• Properti khusus di CSS. Bagian 1: apa itu dan bagaimana cara kerjanya , Bagian 2: pertimbangan aplikasi , Bagian 3: batasan

• Memproses gambar dengan CSS

• Bagaimana menggunakan CSS Grid untuk melabuhkan header dan footer

• Stroke teks dengan CSS: Panduan Lengkap

• Teknik Menambahkan Wrapping ke baris baru setelah elemen sebaris

• Penanda kustom menggunakan CSS :: marker

• Di luar kueri media: menggunakan fitur HTML dan CSS baru untuk desain responsif

• Tata letak header menggunakan CSS Flexbox

• Opsi untuk mengatasi bug viewport di Mobile Safari

• Cara membuat komponen responsif dengan kartu produk tanpa kueri media

• Gaya CSS khusus untuk bidang input dan teks

• Membuat scrollbar khusus dalam 24 baris CSS

JavaScript

• Ikhtisar ts-migrate - alat untuk menerjemahkan proyek skala besar ke TypeScript

• Resep untuk menyiapkan aplikasi offline

• Penanganan kesalahan dalam JavaScript

• 10 API web yang kurang dikenal yang dapat Anda gunakan

• 
  
  • JavaScript:
  
  • JavaScript Array Insert — JavaScript — Push, Unshift Concat
  
  • JavaScript - Native Private Fields
  
  • async/await JavaScript
  
  • JavaScript:
  
  

• React
  
  • React
  
  • Temper — React
  
  • React
  
  • React Storybook
  
  • React Emotion
  
  

• Vue
  
  • 5 Vue.js,
  
  • 4 Vue
  
  • Vue
  
  • Vue 3.0 Composition API
  
  • VueJS
  
  

• Angular
  
  • NgRx
  
  •
  
  

• Ember
  
  • Ember.js
  
  • Ember Domain Components
  
  • CI GitHub Actions Ember: 2
  
  

• Svelte
  
  • Svelte —
  
  • Svelte/Sapper vs Vue
  
  

• Libs & Plugins
  
  • fg-modal — - filament group
  
  • Brahmos — JS API React .
  
  

• Microsoft telah berjanji untuk menghapus Adobe Flash di browser mereka pada akhir tahun

• Mozilla: Riwayat browser cukup untuk mengidentifikasi pengguna dengan andal

• Perlindungan DNS - sekarang di Chrome untuk Android

• Chrome 86: fokus yang ditingkatkan, WebHID, dan lainnya

• Mengapa keberagaman itu berharga browser?

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 .