Intisari bahan segar dari dunia paling depan untuk minggu terakhir # 422 (29 Juni - 5 Juli 2020)

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

pengembangan web

• Tinjauan umum teknologi pengguliran

• Hentikan pengkodean, mari kita mulai tata letak dengan otomatisasi

• Google meluncurkan plugin beta untuk menerbitkan cerita AMP di WordPress

• Panduan lengkap untuk mode gelap di web

• Masa- masa gelap pengembangan web

• Menyoroti sebuah fragmen teks: cara menghubungkan ke sepotong teks tertentu pada halaman web dan sorotnya

• Aplikasi Web Progresif: Panduan Praktis

• 
  
  • npm 7 package-lock.json?
  
  • ESLint, Prettier TypeScript
  
  • tooling.report — - ,
  
  • DevTools (Chrome 85)
  
  

• 
  
  • 5
  
  • Browserstack SpeedLab:
  
  • JavaScript- ?
  
  • Core Web Vitals, Addy Osmani
  
  

• 
  
  • 6 ( )
  
  •
  
  

• 
  
  •
  
  • 3D ScrollTrigger
  
  • «UI Interactions & Animations Roundup #8»
  
  

CSS

• TailwindCSS - kerangka kerja lain atau langkah evolusi baru?

• Sederhanakan gambar latar belakang menggunakan gradien meruncing

• Wadah penataan untuk konten halaman web

• Buat halaman arahan sederhana dalam 5 menit menggunakan blok penarik CSS yang sudah jadi.

• Baris Akordeon di Kotak CSS

• Kinerja - Lukisan CSS vs. CSS Houdini Paint API

• Tautan Berbentuk Kustom Menggunakan Subgrid

• Dapatkan Nilai Terjemahan CSS Menggunakan JavaScript

• Luruskan Gambar Logo di CSS

• Impor CSS Dinamis

• Properti CSS Mewah

• Gambar responsif dalam proporsi yang bervariasi dari wadah

• Saat garis tidak putus. Tentang opsi untuk menerapkan tanda hubung paksa dalam daftar

• Baru di Chrome: Ikhtisar CSS

• Saat Sass dan fitur CSS baru bertabrakan

• Panduan lengkap untuk kueri media CSS

JavaScript

• Perangkat pemuatan malas dalam kerangka kerja front-end yang populer

• Cara mendapatkan ukuran layar, jendela, dan halaman web dalam JavaScript

• Tutup kaki yang kompatibel dengan mundur - kompilasi JS untuk browser yang diinginkan

• Tuples dalam JS / ES dan TypeScript pada tahun 2020

• Mengapa pendekatan vanilla JavaScript pertama "mungkin BUKAN pilihan terbaik

• Panduan teknis untuk SEO dengan Gatsby.js

• Blog Anda tidak memerlukan kerangka kerja JavaScript

• Mempelajari Ekspresi Reguler: Panduan Pemula

• 
  
  • ?
  
  • Var, let const?
  
  • double-bang (!!) , JavaScript /
  
  • JavaScript
  
  

• 
  
  • Node 14
  
  • React Web SpeechRecognition API
  
  

• React
  
  • , React,
  
  • React React Testing Library
  
  •
  
  • Typed React Component
  
  • Push- Firebase React
  
  • Server Side Rendering React App Deno
  
  • React
  
  

• Vue
  
  • localStorage Vue
  
  • Vue Demi — , Universal Vue Vue 2 3
  
  • Nuxt Content
  
  • 9 Vue JS ,
  
  • Vue 3: 2020
  
  • Vue
  
  

• Angular
  
  • Angular 10
  
  • Angular Dependency Injection:
  
  • Angular resolvers
  
  • Angular 10
  
  • Angular
  
  

• Svelte
  
  • Membangun Pusat Pemberitahuan dengan Svelte
  
  

• Libs & Plugins
  
  • emoji-picker-element - Picker emoji sederhana yang didistribusikan sebagai komponen web.
  
  • efek paralaks: Efek paralaks dalam javascript menggunakan pelacakan wajah dapat digunakan untuk meningkatkan adegan 3D
  
  

Browser

• Firefox 78 rilis

• Firefox 78 , detail teknis untuk pengembang

• Edge baru berbasis Chromium didistribusikan dengan pembaruan OS paksa dan mengganggu

• Google Chrome telah memecahkan rekor sendiri, dan Windows 10 terus tumbuh

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

Intisari untuk minggu terakhir .

Bahan disiapkan dersmoll dan alekskorovin .