Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 414 (4 - 10 Mei, 2020)

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

Media     |    Pengembangan Web     |    CSS     |    Javascript     |    Peramban     |    Menghibur     |    

Media

• Podcast "Standar Web" No. 228: DevTools, situs web Standar Web, pemilihan teks, px vs rem, Atomic CSS-in-JS, refactoring
• Podcast "Frontend Youth (18+)" # 136: Tentang konferensi online dengan Alexei Fedorov
• Pengodean langsung dengan Vadim Makeev: Tutup kisi-kisi dan lentur dengan celah dan BEM

pengembangan web

• Siapa yang akan mengubur web modern?
• Pendekatan sederhana untuk bekerja dengan gambar responsif
• Penyimpanan untuk Web
• Memo API Canvas
• Bagaimana dan mengapa Anda harus menghindari CORS di SPA
• 13 kiat keamanan untuk aplikasi front-end
• Proyek HTML5 Boilerplate berusia 10 tahun

• 
  • 5 , -
  • Google Web Vitals:
  • ESLint v7.0.0
  •
  • actions-cli — GitHub Actions
  

• 
  • 5 +
  • FID (First Input Delay)
  • LCP (Largest Contentful Paint)
  • CLS (Cumulative Layout Shift)
  • webpack
  

• 
  • SVG
  • —
  • Range Slider CSS
  • WordPress
  • generic-components — -
  

CSS

• Memahami Grid CSS (2 bagian): Garis grid , (3 bagian): Area grid
• Menyorot dan CSS
• Petualangan tata letak Masonry di CSS
• Cara daftar gaya
• Unit `lh` dan` rlh`
• Bermain dengan (palsu ) Permintaan Kontainer dengan kotak yang diawasi dan resizeasaurus
• Semua yang saya pelajari tentang min (), max () dan clamp () di CSS
• Mari kita menggali lebih dalam ke dalam properti Container CSS
• Cara mudah membuat ritme vertikal adaptif menggunakan CSS
• Di Chromium muncul Dukungan celah Flexbox
• Perendaman dalam di CSS Grid
• Temuan CSS dalam Desain Twitter
• Menambahkan CSS ke Halaman Menggunakan Tajuk HTTP
• Cara Membuat Game CSS Murni
• Panduan Lengkap untuk Fitur CSS

Javascript

• Hall of Fame Ketenaran JavaScript Workplace , bagian 2
• Memahami (semua) format dan alat JavaScript “modular”
• ES2020: semua yang perlu Anda ketahui
• Membuat generator teka-teki silang menggunakan JavaScript
• rendering JavaScript dan masalah untuk SEO pada tahun 2020
• Menghitung waktu dalam javascript

• React
  • Tablist Vanilla JavaScript React
  • -
  • React
  • React ?
  • react-virtual — React
  • React Flow —
  • react-select-search — select- React
  • React-Tiny-Link — - -
  

• Vue
  • Vue Firebase
  • Vue 3 Composition API —
  

• Angular
  • Observable Angular
  • Angular: Outlook
  • Angular — ,
  • Angular: ,
  • 6 , Angular
  

• Ember
  • Ember Octane React
  • The Ember Times — Issue No. 147
  

• Svelte
  • Svelte
  • 7 Svelte,
  • Svelte headless CMS
  • SvelteJS:
  • Sapper Svelte
  

• Libs & Plugins
  • RoughJS
  • Pico — Javascript
  • Selecto.js — , .
  

• Rilis Firefox 76
• Rilis Firefox 76 - Audio worklets, Warna Sistem CSS dan banyak lagi
• Published Playwright 1.0, paket untuk mengotomatisasi pekerjaan dengan Chromium, Firefox, dan WebKit
• Firefox 76: worlets audio dan trik lainnya

Menghibur

• Jawaban Zoom lainnya. Google akan menyematkan Bertemu konferensi video langsung di Gmail
• Peretas telah belajar untuk menyembunyikan skimmers web di balik situs favicon
• GitHub telah menganalisis dampak COVID-19 pada aktivitas pengembangan
• Lingkungan pengembangan dan sistem diskusi telah ditambahkan ke GitHub
• Bagaimana merancang profil di GitHub sehingga berfungsi saat mencari pekerjaan.
• Facebook memperkenalkan layanan untuk negara-negara miskin - Internet akan gratis, tetapi hanya dalam bentuk teks. Bahan Editorial
• UE melarang penggunaan "dinding cookie" di situs untuk membatasi akses ke konten dan memaksa pengumpulan data

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.

Intisari minggu lalu .
Bahan disiapkan dersmoll dan alekskorovin .