Pembaruan Pengembangan Web Bulanan 2⁄2019: Otentikasi Web Dan Masalah Dengan UX

Diterbitkan: 2022-03-10
Ringkasan cepat Berita browser, pelajaran berharga yang dipetik, praktik terbaik, eksperimen pengkodean yang menginspirasi. Dalam daftar bacaan bulanannya, Anselm Hannemann merangkum hal-hal terpenting yang terjadi di dunia pengembangan web dalam beberapa minggu terakhir.

Satu-satunya yang konstan dalam hidup adalah perubahan, kata mereka. Dan itu benar, bahkan jika kita berpikir tidak ada yang berubah sama sekali. Apakah Anda melihat perubahan atau tidak hanyalah pertanyaan tentang bagaimana Anda memandang dan bagaimana Anda mengamati sesuatu. Dalam industri teknologi, mudah untuk melihat seberapa cepat hal-hal berkembang — bacalah artikel ringkasan seperti ini, dan Anda akan tiba-tiba menyadari betapa banyak yang telah terjadi hanya dalam satu bulan. Sejak saya melakukan meditasi lagi, saya memperoleh perspektif baru, dan itu membantu saya untuk secara sengaja menghargai perubahan seperti itu dan menemukan nilai pribadi dan rasa syukur bahkan dalam hal-hal yang pada awalnya tampak tidak terlalu positif.

Seperti minggu ini misalnya. Saya teringat akan fakta yang biasanya kita lupakan: bagaimana Internet terstruktur. Jika Anda menelusuri web, sebagian besar lalu lintas diarahkan melalui Amazon di beberapa titik, jadi jika Anda memblokir server mereka, — atau milik Google atau Apple, atau semuanya —, tidak banyak yang tersisa dari Internet. Saya telah menggunakan pemblokir DNS Pi-Hole di jaringan saya selama tiga tahun sekarang, tetapi tidak pernah benar-benar menghargainya, sampai saya mengetahui tentang nilai sebenarnya minggu ini — keamanan dan privasi yang diberikannya mengingat ketergantungan kami pada raksasa teknologi. Bukankah luar biasa bagaimana sebagian besar dari persepsi keamanan online saya bergantung pada satu perangkat lunak sumber terbuka yang pada akhirnya penulis menghabiskan begitu banyak waktu dan upaya untuk menyediakannya secara gratis?

Berita

  • Firefox 65 dirilis. Versi baru mengirimkan peristiwa pada elemen HTML yang disabled dan dilengkapi dengan dukungan untuk atribut referrerpolicy pada elemen script , variabel lingkungan CSS (fungsi env() ), Intl.RelativeTimeFormat untuk JavaScript, dan gambar WebP.
  • Safari Tech Preview 74 menghadirkan fetch yang dapat dibatalkan, dukungan untuk Authenticator HID U2F di macOS, dan fitur API Otentikasi Web baru.
  • Dengan Chrome 72, Chrome memperkenalkan API Aktivasi Pengguna. Versi baru juga melarang popup di pageunload .
  • Pembaruan Chrome 72 untuk Android mengirimkan fitur Aktivitas Web Tepercaya yang telah lama ditunggu-tunggu, yang berarti kami sekarang dapat mendistribusikan PWA di Google Play Store.
  • Catatan rilis Safari 12.1 sudah habis (iOS 12.2, macOS 10.14.4). Apa yang baru? Mode gelap untuk web, pencegahan pelacakan cerdas, permintaan pemberitahuan push untuk Safari di macOS sekarang memerlukan pengaturan gerakan, gerakan, dan orientasi pengguna di iOS untuk mengaktifkan DeviceMotionEvent dan DeviceOrientationEvent (ini berarti dinonaktifkan secara default sekarang). Yang juga baru adalah Intersection Observer API, Web Share API, dan elemen <datalist> .
Lebih banyak setelah melompat! Lanjutkan membaca di bawah ini

Umum

  • Max Bock berbagi pemikirannya tentang mengapa kesederhanaan adalah hal yang paling berharga dan penting dalam proyek.
  • Ian Littman on Twitter: “Memindahkan 50% server ke PHP 7 dari PHP 5 akan menghemat $2,5 (diedit menjadi 2,0) miliar dalam biaya energi per tahun, dan menghindari miliaran kilogram emisi CO2. Tingkatkan ke PHP 7. Selamatkan planet ini.”
  • Bagaimana Anda mulai belajar pengembangan web? Saya kira sebagian besar dari kita mengandalkan fungsionalitas "sumber tampilan" browser kita dan masih melakukannya. Tetapi dengan JavaScript SPA dan lebih banyak alat yang merusak, memperkecil, dan mempermalukan sumber, kami memblokir jalan pendidikan mandiri ini untuk banyak orang di luar sana. Mari beralih ke pendekatan yang lebih terbuka dan setidaknya menyediakan peta sumber di server produksi sehingga orang dapat mengakses sumber sebenarnya melalui Alat Pengembang.

UI/UX

  • Apa yang membuat perbedaan antara produk digital yang bagus dan produk digital yang hebat? Dua huruf: UX. Desain Pengalaman Pengguna. Tapi ada masalah mendasar dengan itu. Johannes Ippen tentang mengapa kita harus melihat manusia, bukan pengguna.
  • Ini adalah ringkasan yang bagus tentang bagaimana situs web populer telah berubah selama sepuluh tahun terakhir — termasuk Google, YouTube, Amazon, Facebook, Apple, dan eBay. Anda dapat dengan jelas melihat bahwa kita berada di era yang berbeda hari ini.
  • Colin Eagan merangkum lusinan kemungkinan yang kami miliki untuk mempersonalisasi pengalaman web bagi pengguna dan mana yang berfungsi dan mana yang tidak. Dia menyimpulkan dengan nasihat berharga: untuk memulai dari yang sederhana alih-alih mengikuti kultus yang rumit, tidak peduli seberapa paham teknologi perusahaan dan timnya.
Sketsa wajah dengan istilah lihat, katakan, dan lakukan, dengar, pikirkan, dan rasakan mengambang di sekitarnya
Untuk menciptakan pengalaman pengguna yang luar biasa, kami perlu melihat pengguna kami sebagai manusia. (Kredit gambar)

HTML & SVG

  • Sara Soueidan menulis 101 kursus tentang filter SVG untuk membantu Anda memahami apa itu filter SVG dan bagaimana menggunakannya untuk membuat efek visual Anda sendiri.

Aksesibilitas

  • Rob Dodson membagikan ringkasan hebat tentang cara membangun primitif aksesibilitas yang lebih baik.

Pribadi

  • Google adalah salah satu perusahaan yang selalu menemukan cara baru dan cerdas untuk mengekspos data lokasi pengguna dan menjualnya kepada pihak ketiga. Sekarang Google ingin menjual data lokasi yang tepat dari pengguna untuk meningkatkan perencanaan untuk perencana kota, misalnya. Berguna di satu sisi, tetapi masih mengkhawatirkan bagi semua pengguna produk Google yang mungkin tidak menyadari apa yang terjadi dengan data mereka.
  • "Saya salah tentang Google dan Facebook: tidak ada yang salah dengan mereka (jadi katakanlah kita semua)," kata Aral Balkan. Bagian ini menjelaskan bagaimana bahkan proyek sumber terbuka yang paling terhormat pun berjuang untuk membuat pilihan etis dan kesalahan dalam menawarkan UX terbaik alih-alih mempromosikan solusi yang benar secara etis.

Kinerja Web

  • Jens Oliver Meiert membagikan penelitiannya tentang bagaimana cara Anda menulis HTML memengaruhi kinerja. Meninggalkan tag dan tanda kutip opsional dapat membuat perbedaan, meskipun kami dapat menggunakan gzip atau teknik lain untuk mengoptimalkan respons dokumen di browser.

JavaScript

  • Dengan sebagian besar pelanggaran data terjadi karena kata sandi yang lemah dan digunakan kembali, otentikasi web menjadi topik hangat akhir-akhir ini. Panduan baru untuk Otentikasi Web adalah contoh yang sangat baik bahwa panduan implementasi keamanan juga bisa menjadi indah.
  • Mathias Schafer merangkum pelajaran yang didapat dari memelihara basis kode JS besar dalam proyek jangka panjang.
  • Dr. Axel Rauschmayer menjelaskan apa yang masih hilang dalam JavaScript dan apa yang dapat diterapkan di masa mendatang.
  • Intersection Observer mendarat di WebKit, dan tim Webkit menulis tutorial yang berguna untuk itu.
Kutipan dari panduan. Ini menunjukkan ilustrasi seorang wanita mungil yang mencoba mencegah segumpal kunci raksasa jatuh.
Panduan untuk Otentikasi Web adalah pengantar yang berguna untuk mengamankan informasi sensitif secara online. (Kredit gambar)

CSS

  • Rik Schennink menjelaskan cara menggunakan CSS pintar untuk menerapkan gaya berdasarkan posisi gulir pengguna.
  • Sungguh menakjubkan bagaimana Fabricius Seifert menciptakan animasi 3D Tata Surya ini dengan CSS murni.
  • Preethi Sam menjelaskan cara menggunakan fungsi CSS element() yang kurang dikenal untuk membuat navigator minimap.
  • Roman Komarov membagikan pendekatannya terhadap tata letak blog yang fleksibel dengan bilah sisi opsional. Dibuat dengan CSS Grid dan Custom Properties.
Tata surya dibangun dengan CSS
Jelajahi tata surya dalam eksperimen CSS fantastis Fabricius Seifert. (Kredit gambar)

Kehidupan kerja

  • Paul Greenberg sedang mencari waktu layar yang hilang dan mengeksplorasi seperti apa hidup kita nantinya dan berapa banyak lagi waktu yang kita miliki jika kita lolos dari layar. Ada beberapa angka yang terungkap dalam artikel tersebut: Rata-rata orang Amerika menghabiskan $ 14.000 per dekade untuk smartphone. Itu $70.000 selama masa kerja rata-rata. Lebih dari 29% orang Amerika lebih suka berhenti berhubungan seks selama tiga bulan daripada melepaskan smartphone mereka selama satu minggu. Atau Anda dapat menanam 150 pohon dan membeli setengah hektar tanah dengan jumlah uang yang Anda habiskan untuk ponsel cerdas dan aplikasi Anda per tahun.
  • Apakah Anda orang yang sabar? Terlepas dari apakah Anda mau atau tidak, eksperimen yang ingin dicoba Jason Fried tentu saja merupakan tantangan: Cobalah untuk memilih antrean terpanjang di supermarket, batalkan Amazon Prime agar pengiriman lebih lama, dan ambil kesempatan untuk menunggu jika memungkinkan. Merangkul kelambatan.
  • “In Praise of Extreme Moderation” berbagi perspektif yang menarik tentang mengapa budaya komitmen berlebihan, kerja berlebihan, dan penyerahan berlebihan di semua bidang kehidupan tidak sehat, dan bagaimana kita dapat beralih ke jalan yang lebih moderat dan lebih tenang. .

Melampaui…

  • “Itu harus gratis.” Pada layanan kita jelas tidak membutuhkan tetapi ingin memiliki. Esai saya tentang pentingnya melihat nilai dalam hal-hal yang benar-benar kita butuhkan dan mengapa lebih sedikit lebih banyak.
  • Bagaimana kita bisa membuat hidup kita lebih baik? Dengan mempertahankan hubungan yang esensial, menghindari teknologi, dan merangkul nilai-nilai alih-alih lifehacks, kata Eric Barker.
  • Tonton pembicaraan tentang Greta Thunberg, seorang wanita berusia enam belas tahun yang memberi tahu semua orang terkenal dan berpengaruh di luar sana bahwa dia tidak peduli dengan uang dan mengapa kita perlu melihat perubahan iklim dari perspektif seperti miliknya — hidupnya dalam bahaya dan tidak ada uang yang dapat menyelamatkannya. Kami membutuhkan lebih banyak orang seperti dia yang tidak dipimpin oleh aturan perusahaan atau keuangan.