Intisari materi segar dari dunia frontend untuk minggu terakhir # 425 (20-26 Juli 2020)

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

Media     |    Pengembangan Web     |    CSS     |    JavaScript

Media

• Podcast "Web Standards" # 240: MoscowJS, beta Chrome 85, TypeScript in Svelte, mengetik dan membuang di CSS, apa itu Numl

• Podcast "Frontend Youth (18+)" # 147: Jenkins mengambil kode dari Mediazone

• Podcast CSSSR : Chrome 84, Safari 14 Beta, Ember Roadmap 2020, Yandex UI Kit, Open Prioritization, Oracle Update

• Podcast "Make Me Beautiful", Masalah # 38: Tuple di js, useCallbacks pra-pengoptimalan, dan pit dengan SPA

pengembangan web

• Saatnya memuat <iframe> di luar layar dengan malas

• Antarmuka kanan: menyesuaikan kontrol ke bahasa kanan ke kiri

• Yaml untuk pengembang web

• Otorisasi dan autentikasi untuk semua orang

• Google telah menunda transisi ke pengindeksan yang memprioritaskan seluler hingga Maret 2021

• HTML lengkap dalam GitHub README dengan SVG foreignObject

• Pengantar Jamstack: Membangun Situs yang Aman dan Berkinerja Tinggi

• Menggunakan Chrome DevTools sebagai Pengembang Frontend Senior

• 5 Strategi Caching Pekerja Layanan untuk Aplikasi PWA Berikutnya

• 
  
  • HTML/CSS
  
  •
  
  • ADA Website Accessibility Compliance
  
  

CSS

• Solusi modern untuk masalah CSS lama: Menjaga footer di bagian bawah halaman , Elemen dengan tinggi yang sama: Flexbox vs Grid , Menskalakan gambar dengan CSS

• Cara asli untuk mewarnai ikon SVG

• Tentang konflik Sass dan fitur CSS yang relatif baru

• Penjelasan kata kunci awal, mewarisi, tidak disetel dan kembali ke CSS

• @property: memberikan kekuatan super pada variabel CSS

• Teknik CSS modern untuk meningkatkan keterbacaan

• keyframes.app - alat visual online yang memudahkan pembuatan CSS untuk animasi

• Menggunakan Flexbox dengan elipsis teks

• Animated CSS Underline

• Bagaimana menggunakan banyak latar belakang di CSS

• Kapan Anda menggunakan inline-block?

• Generator gambar buku tiga dimensi secara online di CSS

• css-media-vars - Cara baru untuk menulis CSS responsif. Titik putus bernama, pemilih KERING, tidak ada skrip, tidak ada rakitan, CSS vanilla.

• Melampaui Ukuran Layar: Desain Responsif di 2020

• Blob CSS yang Realistis

JavaScript

• Memilih dependensi JavaScript

• Cara untuk memahami literal template di JavaScript

• jQuery reaktif untuk kode spaghetti

• Mengimpor library non-ESM ke modul ES dengan vanilla JS

• 
  
  • JavaScript
  
  • JavaScript —
  
  • VanillaJS
  
  • ?
  
  

• React
  
  • Debouncing React Hooks:
  
  • React Router. 3— , props +
  
  • SVG React
  
  • React- 3 ?
  
  • Styled-Components React
  
  • React —
  
  • React, 2: React Testing
  
  • 4 React
  
  

• Vue
  
  • Vuex Vue 3
  
  • Electron Vue
  
  • Vue Slots
  
  • Vue 3.0 -!
  
  • Chakra UI Nuxt.js
  
  • Code Coverage Vue
  
  • SVG Vue
  
  

• Angular
  
  • Angular
  
  • Change Detection Angular
  
  • Angular DI:
  
  • 5 , Angular
  
  • Angular + CSS Modules
  
  

• Ember
  
  • The Ember Times — Issue No. 157
  
  • , ember
  
  • Ember.js,
  
  

• Svelte
  
  • Svelte <3 TypeScript
  
  • Svelte TypeScript — - !
  
  

• Libs & Plugins
  
  • doom-scroller.js - pustaka JavaScript seru yang akan membantu Anda menyingkirkan pengguliran tanpa akhir dengan menambahkan elemen dari Doom
  
  • mailgo - konsep baru jendela modal untuk tautan mailto dan tel
  
  • Perfect Arrows - Serangkaian fungsi untuk menggambar panah sempurna di antara titik dan angka.
  
  

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 .