Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 326 (6 - 12 Agustus 2018)

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", Edisi No 133: Item baru di Chrome 69, semantik untuk membaca, CSS tanpa kaskade dan Houdini, API untuk aksesibilitas, burnout.
• Frontend Weekend podcast # 65 - Igor Sheko tentang cara menjadi pemimpin tim yang menjanjikan dari startup serial
• CSSSR Podcast News 512 - Edisi 18 (08/06 - 08/12)
• "Devshahta podcast": # 45 - Ketika front-end menjadi devop
• Podcast "Frontend Youth (18+)" # 60: Sergey Berezhnoy: Fractal Life , # 59: Bicara tentang Javascript

Pengembangan web

• Kami menggunakan AMP sebagai pustaka serba guna untuk membuat situs dinamis cepat
• Ikon Ikon vs SVG - yang mana yang harus saya gunakan pada tahun 2018?
• "Filter SVG: Kursus Kecelakaan" - Intensif oleh Sara Soueidan
• Google AMP - Kehilangan 70% dari konversi kami
• Cara membuat paket npm cantik kecil dan mempublikasikannya
• webhint: alat untuk analisis situs komprehensif dengan saran untuk memperbaikinya (sebelumnya sonarwhal)

• Kinerja:
  • Mengurangi beban JavaScript dengan pemisahan kode
  • Laporan kinerja khusus menggunakan panel CrUX
  • Tahap rendering halaman oleh browser dan berpikir tentang kinerja web
  

• Aksesibilitas:
  • Merawat Aksesibilitas Formulir Web
  • Aksesibilitas dalam dua dimensi untuk peta dan sistem navigasi web
  • Membuat situs web di mana-mana membuatnya kurang dapat diakses.
  

• Animasi:
  • Animasi menu dot
  • Slider Westworld
  

CSS

• Pembaruan baru untuk konsep CSS: Level 3 meluap, tata letak level 3, kisi Level 2
• Line-height Crop - formula CSS sederhana untuk menghilangkan margin teratas dalam teks
• Kesadaran akan nilai awal dalam CSS Anda
• Secara otomatis mengubah warna teks untuk berbagai latar belakang menggunakan variabel CSS
• Teknik menyembunyikan CSS
• Menciptakan Sistem CSS "Sempurna"
• Tata letak kisi CSS: gandakan dan taklukkan - atau cara bekerja dengan kisi
• Perubahan Tata Letak Kotak CSS dalam persen dan tinggi tidak terbatas
• Jangan menulis CSS - sesuaikan dengan tailwind

Javascript

• Kata kunci JavaScript ini untuk pemula
• Cara Kerja JS: Elemen Kustom
• Perbandingan Bereaksi dan Vue pada contoh praktis
• [bookmark] 23 rekomendasi untuk melindungi aplikasi Node.js
• 7 rekomendasi untuk kode JavaScript
• Cara menangani efek samping kotor dalam JavaScript fungsional murni Anda
• Memperbaiki masalah cakupan variabel dalam ECMAScript 6
• Chris Coyer membuat navigasi lekat yang memantau pengguliran halaman
• JavaScript Regular Expressions How-To
• Bagilah dan taklukkan! Pemuatan malas untuk SPA Anda

• Sudut:
  • Referensi CLI Angular
  • Angular 6 - membuat konfigurasi Webpack dari awal
  • Template PRPL untuk aplikasi web progresif menggunakan Angular 6+
  • Animasi komponen dinamis di Angular
  • Membuat animasi yang dapat digunakan kembali di Angular
  • 15 trik dan kiat kinerja dalam Angular
  • Angular Console - antarmuka pengguna untuk Angular CLI
  • 10 fitur sudut berguna yang mungkin belum pernah Anda dengar
  

• VueJS:
  • Vue CLI 3.0 ada di sini!
  • Mempercepat Pengembangan dengan Vue Prototyping
  • Membuat Petunjuk Klik Panjang di Vue
  

• Bereaksi:
  • Mendapatkan Data di Aplikasi Redux - Pendekatan 100% Benar
  • mauerwerk - tata letak kotak gaya batu saat bereaksi
  • React's Render Props Pattern - seorang anak sebagai fungsi
  

• Libs & Plugins:
  • Poin - perpustakaan skrip / javascript untuk visualisasi dan pengkodean kreatif
  • lazyestload.js - mengunggah gambar hanya jika muncul di viewport, hanya 350 byte kode js
  • SuperSlide.js - Menu Slide Fleksibel dan Halus Untuk PWA Berikutnya
  • Pemisahan - JavaScript micro-library dengan koleksi plug-in kecil yang dirancang untuk membagi string menjadi entitas yang lebih kecil - kata, karakter, dan opsi lainnya
  

Browser

• Firefox mulai menguji sistem rekomendasi konten berdasarkan aktivitas pengguna
• Opera mengintegrasikan dompet crypto ke dalam versi desktop browsernya
• Eksperimen Mozilla baru: ekstensi Firefox Advance yang menganalisis riwayat aktivitas jaringan untuk memilih situs dan artikel yang berpotensi menarik
• Chrome 69 Beta: Banyak Peningkatan CSS dan Lainnya

Menghibur

• Cara memilih font untuk media
• "Jalan mundur - tidak": Di Android 9.0 Pie, Google telah menghilangkan kesempatan bagi pengguna untuk kembali ke versi OS yang lebih lama
• Pembaruan bahasa Dart 2.0 dirilis, JavaScript alternatif Google
• Jaringan saraf belajar membuat potret seseorang sesuai dengan deskripsi teks
• Bagaimana China telah menumbuhkan generasi yang tidak mengenal Google, Facebook, dan Twitter
• Hal-hal lucu dan menakutkan. Ingat hacks IoT paling spektakuler dalam beberapa tahun terakhir
A.

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.

Digest Intisari minggu lalu
Bahan disiapkan oleh dersmoll dan alekskorovin