Pembaruan Pengembangan Web Bulanan 9⁄2018: Pemuatan Malas Asli dan Pekerjaan Imajiner

Ini adalah konsep yang menarik untuk membandingkan JavaScript dengan CO2 namun sangat valid. Alex Russel yang bekerja untuk tim Chrome dan memiliki banyak wawasan tentang keadaan web saat ini mengatakan bahwa menggunakan terlalu banyak JavaScript atau menggunakannya secara eksklusif (tanpa peningkatan progresif/degradasi yang baik) akan memiliki efek yang sama dengan terlalu banyak CO2 untuk ekosistem di planet Bumi — ekosistem akan berantakan. Dan sama seperti kita membutuhkan sejumlah CO2 untuk hidup, kita membutuhkan JavaScript di web. Garis halus itulah yang membuat perbedaan — garis antara tidak terlalu banyak dan tidak sama sekali.

Saya merasa bahwa dengan API browser asli yang kami miliki saat ini, kami memiliki peluang luar biasa untuk membangun layanan web yang hebat tanpa membebani mereka terlalu banyak dan tanpa hanya mengandalkan JavaScript. Kami dapat meningkatkan elemen asli dengan API Elemen Kustom dengan mudah melalui Kelas ES6, dengan begitu sedikit kode sehingga tampaknya konyol untuk membangun semua itu sendiri dalam kerangka kerja pihak ketiga. Secara kebetulan, tim teknik Github menerbitkan sebuah artikel tentang bagaimana mereka menghapus jQuery sepenuhnya dan apa yang sekarang mereka gunakan sebagai gantinya: JavaScript asli dan kode ramping kecil yang secara progresif meningkatkan platform mereka. Lebih sedikit kode, lebih mudah dirawat, dan lebih stabil.

Berita

• Chrome 70 kini dalam versi beta, menghadirkan deteksi bentuk sebagai uji coba asal yang memungkinkan kami melakukan pembacaan kode QR, deteksi wajah, dan pengenalan teks dalam gambar. Web Authentication API juga mendapat beberapa pembaruan, dan dukungan referrerpolicy ditambahkan ke elemen <script> . Versi ini juga akan menghentikan Elemen Kustom v0, Impor HTML, dan Shadow DOM v0.
• Terakhir, dengan Firefox 62, Mozilla mengirimkan ::selection alih-alih :-moz-selection . Mereka juga mengimplementasikan flat() , dan flatMap() untuk array JavaScript dan pengembang mendapatkan Editor Jalur Bentuk baru.
• Chrome 69 keluar dan membawa kita CSS Scroll Snap Points, properti CSS viewport-fit untuk cutout-display seperti yang ada di iPhone X, dan Web Locks API yang memungkinkan skrip yang berjalan di satu tab atau pekerja secara asinkron memperoleh kunci, tahan saat pekerjaan dilakukan, lalu lepaskan. Pembaruan juga dilengkapi dengan dukungan gradien kerucut CSS, toggleAttribute() (yang mirip dengan metode classList.toggle() tetapi untuk atribut), dan flat() dan flatMap() untuk array. Sayangnya, rilis ini mengubah cara browser menampilkan URL, dan tampaknya orang menganggapnya sebagai bug keamanan. Mari kita lihat bagaimana itu akan berkembang.
• Dengan Firefox 62 mendukung variabel web font, kami akhirnya memiliki dukungan di semua browser utama dan dapat menggunakannya secara luas sekarang untuk meningkatkan kinerja, lebih kreatif dengan tipografi, dan mengurangi lalu lintas data secara drastis.
• Manuel Rego Casasnovas menulis tentang perubahan terbaru pada CSS Grid Layout dalam persentase dan tinggi tidak terbatas di browser Chrome.
• Siapa pun yang bukan ahli akan kesulitan menjelaskan cara kerja pelacakan di internet. Itulah mengapa Firefox sekarang mengubah pengaturan default dan memberlakukan pemblokiran pelacakan di browser mereka secara default.
• PHP7.3 akan segera hadir dengan sintaks Heredoc dan Nowdoc baru, tanda koma di panggilan fungsi, is_countable() , array_key_first() , array_key_last() , dan peningkatan hash kata sandi Argon2.

Umum

• “The 'Developer Experience' Bait-and-Switch” karya Alex Russell adalah bagian hebat yang menjelaskan lingkungan beracun yang saat ini kami bangun untuk web dan mengapa JavaScript dapat dibandingkan dengan CO2 — keduanya diperlukan dalam porsi kecil, tetapi jika terlalu banyak dari itu, itu akan membahayakan seluruh ekosistem (web). Sebuah artikel bijaksana yang saya sarankan semua orang di sini untuk membaca, berbagi, dan mengingat.
• Karena Alexa, Cortana, Siri, dan bahkan bot obrolan dukungan pelanggan menjadi norma, kami harus mulai mempertimbangkan tidak hanya tampilan konten kami, tetapi juga suara. Kita dapat — dan harus — menggunakan HTML dan ARIA untuk membuat konten kita terstruktur, masuk akal, dan yang terpenting, bermakna.

Kinerja Web

• PostgreSQL 11 yang akan datang memiliki beberapa peningkatan kinerja yang menarik. Dimitri Fontaine berbagi perbedaan apa yang bisa mereka buat.
• Ben Schwarz membagikan pendekatan baru untuk pemuatan lambat asli untuk web yang dapat segera menjadi kenyataan.

Keamanan

• Nightwatch Cybersecurity menerbitkan kerentanan keamanan di Android yang memaparkan informasi tentang perangkat pengguna ke semua aplikasi yang berjalan di dalamnya. Ini tampaknya termasuk nama jaringan WiFi, BSSID, alamat IP lokal, informasi server DNS, dan alamat MAC — semuanya cukup banyak informasi pribadi yang memungkinkan orang untuk melacak perangkat Android individu. Sayangnya, semua versi OS Android termasuk fork (kecuali untuk Android P/9 tempat perbaikan disediakan) tampaknya terpengaruh tanpa rencana untuk memperbaiki versi yang lebih lama.

CSS

• Chen Hui Jing menjelaskan cara menyesuaikan tombol radio tanpa mengorbankan aksesibilitasnya.
• CSS Shapes sudah memiliki beberapa sejarah. Dibawa ke web lebih awal oleh inisiatif tim Adobe Web, vendor browser segera menghapus implementasi lagi, dan sekarang perlahan-lahan kembali dengan spesifikasi dan implementasi yang ditingkatkan dan diulang. Rachel Andrew membagikan cara mengimplementasikan CSS Shapes.
• Sara Soueidan menuliskan alasan dia beralih dari mendefinisikan warna CSS sebagai HEX atau RGB ke HSL dan apa manfaatnya.
• Dengan pertumbuhan web, hadir fitur baru untuk mengakomodasi faktor bentuk dan kasus penggunaan baru dengan lebih baik. Salah satu fitur yang saya sukai adalah properti color-adjust , yang diusulkan dalam CSS Color Module Level 4. Ini adalah pengakuan bahwa web akan terus muncul di perangkat yang memiliki tampilan kurang bagus.

HTML & SVG

• Stefan Judis membaca apa yang dikatakan dokumentasi Mozilla tentang elemen input dan menemukan beberapa hal menarik yang bisa sangat berguna untuk proyek Anda berikutnya.

JavaScript

• Nolan Lawson membandingkan berbagai cara menggunakan timer dalam JavaScript dan kapan harus menggunakannya.
• ky adalah klien HTTP kecil dan elegan berdasarkan pada browser Fetch API.
• Ankur Anand menulis artikel tentang biaya kinerja yang buruk dari permintaan CORS dalam aplikasi satu halaman.
• Adrian Roselli membagikan bagaimana kita dapat membuat daftar tautan di akhir halaman untuk gaya cetak.
• Babel 7 keluar. Ini lebih cepat, memiliki lebih banyak opsi, dan mendukung Fragmen JSX dan TypeScript.
• Mengubah ukuran otomatis <textarea> s adalah cara yang sangat berguna untuk meningkatkan pengalaman pengguna bagi orang yang menulis konten untuk situs atau layanan Anda. Saya menulis posting blog tentang cara mengubah ukuran elemen formulir secara otomatis dengan kelas ECMAScript 6 singkat.

Aksesibilitas

• Ethan Marcotte merenungkan apa arti aksesibilitas dan menyadari bahwa ini bukan tentang membuat situs web kompatibel dengan beberapa teknologi atau perangkat lunak bantu, tetapi tentang membuatnya dapat digunakan oleh semua orang yang ingin mengaksesnya, apa pun teknologinya. Ini adalah perbedaan besar karena pendekatannya mencakup orang-orang yang kesulitan membaca situs web meskipun mereka menggunakan browser dan laptop yang sama dengan Anda. Mungkin mereka berada di bawah sinar matahari yang cerah, mengalami kesulitan dengan teks kecil, atau terganggu oleh warna-warna cerah atau elemen animasi.
• Eric Bailey menekankan betapa pentingnya menguji aksesibilitas secara manual.
• Scott O'Hara membagikan navigasi breadcrumb menggunakan aria-label untuk memberikan nama yang dapat diakses dan aria-current untuk menunjukkan tautan yang sedang aktif.

Kehidupan kerja

• Ryan Singer merenungkan kesulitan merencanakan proyek dengan 'pekerjaan imajiner' dan mengapa sangat penting untuk menguji terlebih dahulu seberapa sulit sesuatu untuk diintegrasikan sebelum merencanakannya di peta jalan.

Melampaui…

• Saya suka konsep corat-coret, dan meskipun saya tidak melakukannya secara teratur, itu selalu membuat saya terpesona. Doodle Addicts adalah platform yang mengumpulkan orat-oret dari orang-orang di seluruh dunia. Galeri yang bagus untuk mendapatkan inspirasi.
• Jonny Brooks-Bartlett menulis artikel menarik tentang mengapa begitu banyak ilmuwan data meninggalkan pekerjaan mereka. Pekerjaan itu mungkin terdengar cukup menarik dan seperti taruhan yang bagus akhir-akhir ini, tetapi seringkali harapan tidak sesuai dengan kenyataan dan keputusan politik dan etis sangat sulit.
• Marco Lambertini menjelaskan bagaimana teknologi dapat membantu kita menyelamatkan planet ini, tetapi lebih dari segalanya, kita perlu belajar menghargai alam dan sumber dayanya.
• Sebuah diskusi menarik diangkat minggu ini oleh seorang kontributor Open Source yang sangat terkenal yang mencoba mengubah lisensi salah satu proyek mereka untuk mencegah perusahaan yang mendukung lembaga ICE AS menggunakan perangkat lunak mereka. Perubahan itu dengan cepat dikembalikan setelah terungkap bahwa itu tidak dapat ditegakkan secara hukum. Namun, keseluruhan topik (yang lebih sering muncul akhir-akhir ini) menunjukkan bahwa semakin banyak orang yang memikirkan dampak dari pekerjaan mereka. Mereka tidak ingin itu digunakan untuk hal buruk, tetapi untuk kebaikan. Dan sementara ide open source non-restricted source diinginkan, itu hanya jika orang menggunakannya untuk mendukung hak asasi manusia dan untuk meningkatkan kehidupan. Saya ingin tahu tentang solusi baru yang dapat memastikan ini; mungkin kita akan segera melihat lebih banyak persyaratan layanan untuk proyek sumber terbuka (yang kemudian akan mengikat secara hukum tetapi dapat mencegah proyek sumber terbuka gratis untuk menggunakannya).