Pembaruan Pengembangan Web Bulanan 12⁄2017: Rilis Pragmatis, Elemen Kustom, dan Pengambilan Keputusan

Diterbitkan: 2022-03-10
Ringkasan cepat Apa yang terjadi di komunitas web dalam beberapa minggu terakhir? Anselm Hannemann merangkum semua yang baru dan penting sehingga Anda tidak melewatkan apa pun.

Hari ini saya membaca sebuah artikel yang membuka mata tentang generasi muda saat ini dan masa depan finansial mereka. Sulit untuk memahami kata-kata seperti "Milenial", dan ada banyak pembicaraan tentang masalah khusus yang mereka hadapi, tetapi, bagi banyak dari kita, tidak mudah untuk memahami perjuangan mereka — tidak peduli apakah Anda lebih tua atau lebih muda dari saya (saya memenuhi syarat di bawah generasi Milenial). Tapi artikel Michael Hobbes yang menghibur dan sangat informatif mengungkapkan banyak hal kepada saya. Sekarang saya tidak hanya memahami — dan bahkan mengaitkannya dengan — beberapa fakta yang diuraikan di sana, tetapi juga karena artikel tersebut menunjukkan bagaimana kelompok usia yang berbeda membentuk suatu masyarakat, tidak menyadari dampak keputusan mereka terhadap kehidupan orang lain.

Sebagai profesional web, kita dapat menghubungkannya dengan banyak aspek. Saat membangun proyek web, kami membuat keputusan dan sering mendasarkannya pada apa yang terbaik bagi kami — sebagai pengembang, sebagai wirausahawan, sebagai ahli strategi pemasaran, sebagai staf pendukung —, tanpa memikirkan bagaimana keputusan ini dapat memengaruhi orang lain. Dengan membangun situs web yang tidak dapat diakses, kami mengecualikan jutaan pengguna; dengan menerapkan peristiwa dan pustaka analitik yang lebih baik, kami memberikan data pengguna kami kepada pihak ketiga. Kadang-kadang tampaknya mustahil untuk membuat keputusan yang benar, dan kita merasa begitu kewalahan oleh kenyataan bahwa kita tidak dapat melakukan hal yang benar sehingga kita mengabaikan semua keputusan yang masuk akal dan terinformasi dengan baik, dan hanya berfokus pada apa yang terbaik untuk diri. Kita bisa lebih pintar. Dan sementara kita mungkin tidak akan dapat melakukan semuanya dengan benar , kita masih dapat mengambil langkah-langkah kecil daripada menjadi kewalahan. Ini tidak mudah, tapi mungkin itu sesuatu untuk resolusi tahun baru?

Lebih banyak setelah melompat! Lanjutkan membaca di bawah ini

Berita

  • Berita besar tentang WHATWG: Organisasi di balik empat mesin peramban terintegrasi utama — Apple, Google, Microsoft, dan Mozilla — mengembangkan Kebijakan Hak Kekayaan Intelektual (IPR) dan struktur tata kelola untuk WHATWG. Hal ini diharapkan akan menghasilkan peningkatan standar hidup yang menyediakan sumber daya yang lebih bermanfaat.
  • Sebenarnya sudah diluncurkan kembali pada bulan November, inilah yang baru di Firefox 57. Kini hadir dengan mesin Quantum baru yang super cepat. Ekstensi web telah menjadi kenyataan juga, dan lebih banyak perbaikan bug untuk masalah lama dan peningkatan kinerja dapat diharapkan di masa mendatang. Tapi bagaimana dengan kami para pengembang? Firefox 57 mendukung <input type="\\[date|time]"> , banyak bug CSS diperbaiki berkat mesin baru, dan Performance Observer API sekarang diaktifkan, sama seperti Storage API dan Abort API (mis. untuk mengambil-permintaan). Last but not least, mode tanpa kepala sekarang mendukung flag --screenshot yang sangat berguna. Ngomong-ngomong, mesin Quantum juga akan segera hadir di Firefox di Android 59.
  • Chrome 63 sekarang keluar dengan beberapa fitur baru yang mengagumkan: Modul JavaScript dinamis, iterator dan generator async , overscroll-behavior CSS (yang secara native mendukung pull to refresh), dan dukungan untuk Intl.PluralRules API , misalnya. Selanjutnya, UI Izin sekarang meminta izin dalam modal untuk memperjelas bahwa pemilik situs hanya boleh meminta izin tambahan bila perlu dan berguna. API Intl.PluralRules juga disertakan dalam versi ini.

Umum

  • Amazon luar biasa, bukan? Cloud mereka cepat, besar, dan murah. Toko mereka menawarkan segalanya dan mengirimkannya dengan cepat. Minggu ini, Amazon Web Services mengumumkan sesuatu yang sangat menarik: “AWS kini memberikan kepada Komunitas Intelijen AS kemampuan cloud komersial di semua tingkat klasifikasi: Tidak Terklasifikasi, Sensitif, Rahasia, dan Sangat Rahasia.” Ya, Anda membacanya dengan benar: Sepertinya Amazon akan menjadi perusahaan yang bertanggung jawab untuk menampung data rahasia layanan Intelijen AS. Saya cukup yakin itu bukan ide yang baik bahwa layanan pemerintah mulai sepenuhnya bergantung pada layanan Cloud eksklusif perusahaan tanpa pilihan untuk dengan mudah beralih kembali ke pesaing atau alternatif mereka sendiri. Kaitkan dengan apa itu Amazon: Hingga 70% lalu lintas internet melewati pusat data AWS Virginia, Amazon menginginkan kamera dan mikrofon di kamar tidur Anda, ruang tamu Anda, dan juga kunci pintar ke flat atau rumah Anda, dan sudah tidak mungkin untuk tidak menggunakan AWS jika Anda menggunakan internet. Apa yang akan terjadi pada komunitas Intelijen AS jika cloud aman AWS ini mengalami pemadaman seperti yang terjadi tahun ini? Apakah mereka masih bisa beroperasi? Bagaimana jika itu terjadi selama investigasi aktif?

Perkakas

  • Siapa di antara kita yang tidak tahu tantangan besar rilis dan betapa memakan waktu mereka bisa. Raymond Rutjes sekarang menyarankan bahwa membuat rilis harus dimungkinkan untuk semua orang di tim. Itu harus mudah, bebas khawatir dan — mungkin yang paling penting — cepat.
  • Francesco Schwarz membuat alat baru untuk memvisualisasikan kekhususan CSS Anda. Sangat membantu untuk menganalisis beberapa kesalahpahaman dalam struktur Anda atau untuk mengidentifikasi modul yang harus difaktorkan ulang.
Pelepasan pragmatis
Kurang khawatir, lebih banyak pengiriman. Itu pelepasan pragmatis. (Sumber gambar)

UI/UX

  • Dengan Spectral, ada jenis huruf serif layar pertama yang tersedia di bawah lisensi sumber terbuka.
  • John Moore Williams membagikan praktik terbaiknya untuk desain penelusuran situs. Kiat penting jika Anda ingin memberikan pengalaman penelusuran yang kuat dan berpengaruh kepada pengguna.

Kinerja Web

  • Michael Scharnagl menjelaskan bagaimana kita dapat menggunakan Service Worker (yang pada dasarnya adalah proxy web) untuk memuat gambar berdasarkan API Informasi Jaringan.
  • Harry Roberts sering menemukan kata-kata yang tepat untuk mengungkap masalah yang tidak jelas bagi banyak orang. Artikelnya “The Fallacies of Distributed Computing (Applied to Front-End Performance)” adalah tentang membuat asumsi bagi pengguna dan tentang secara aktif mengabaikan atau terlalu memikirkan masalah seperti kinerja jaringan.
  • “The Best Request Is No Request, Revisited” adalah artikel baru oleh Stefan Baumgartner yang menjelaskan apa yang dapat Anda lakukan dengan HTTP/2 saat ini dan perubahan yang berfungsi dalam teori tetapi belum dalam praktik.
  • Samuel Parkinson menjelaskan apa yang terjadi ketika Anda mengunjungi ft.com. Wawasan mendalam yang dimulai dengan DNS dan melanjutkan perjalanan melalui alur kerja permintaan lengkap dari Financial Times.
Tumpukan Waktu Keuangan
Tumpukan ft.com yang disederhanakan. Untuk wawasan lebih lanjut, pastikan untuk membaca artikel Sam Parkinson. (Sumber gambar)

Keamanan

  • 4iQ, sebuah perusahaan perlindungan identitas, menemukan database bocor yang berisi 1,4 miliar kredensial teks jelas di Web Gelap. Ini mungkin merupakan sumber daya terbesar yang diketahui tersedia, dan menunjukkan sekali lagi betapa pentingnya menggunakan kata sandi unik untuk setiap layanan.
  • HSTS adalah metode untuk memberi tahu browser agar hanya terhubung ke nama host tertentu melalui protokol HTTPS yang aman. Namun, cara penerapannya saat ini di browser cukup banyak rusak dan rentan terhadap serangan, seperti yang ditunjukkan oleh penelitian.
  • Tobias Tom membagikan bagaimana di Colloq mereka menerapkan pemeriksaan kata sandi yang mencegah pengguna memilih kata sandi yang telah terungkap dalam pelanggaran data publik. Ini didasarkan pada kumpulan data luar biasa oleh Troy Hunt dan membagikan beberapa data menarik tentang cara memeriksa kumpulan data Postgres 40GB tanpa memengaruhi kinerja situs Anda.
  • Anda mungkin pernah mendengar tentang penambangan kripto di browser. Skrip yang baru ditemukan memeriksa dukungan WebAssembly untuk memanfaatkan sepenuhnya kemampuan perangkat keras dan kemudian meluncurkan jendela pop-under yang menambang cryptocurrency di latar belakang. Satu-satunya mitigasi adalah menutup paksa semua proses tugas browser secara manual. Namun, ada juga beberapa ekstensi browser yang tersedia yang memblokir skrip penambangan paling umum secara langsung.

Aksesibilitas

  • Apa pendekatan terbaik untuk mendesain dan mengkodekan tabel yang cocok untuk semua orang? Adrian Roselli membagikan cara membuat tabel yang responsif dan dapat diakses.
  • Ini adalah Marcy Sutton mengambil nilai menulis tes otomatis untuk aksesibilitas dan mengapa memiliki seperti itu tidak berarti kita tidak perlu melakukan pekerjaan aksesibilitas manual lagi.

CSS

  • Jonathan Snook menjelaskan bagaimana kita dapat membangun tata letak kalender dengan CSS Grid.
  • Dengan spesifikasi CSS Selectors Level 4 yang akan datang, kita akan mendapatkan :is pseudo selector yang mirip dengan :matches tetapi tanpa meningkatkan spesifisitasnya.

JavaScript

  • Brian Kardell menulis posting penting tentang bagaimana kita dapat segera menggunakan Elemen Kustom sebagai perpanjangan dari elemen asli yang umum. Ini sangat bagus karena kami kemudian tidak perlu membangun semuanya dari awal tetapi akan dapat memperluas elemen asli dengan penyesuaian sambil tetap mewarisi aksesibilitas dan kegunaan penuh dari elemen asli. Selain itu, fitur ini memungkinkan pembuatan Elemen Kustom yang ditingkatkan secara progresif.
  • Mencapai kueri penampung dengan alat modern di JavaScript? Ali Alaa membagikan bagaimana kami dapat melakukannya dengan MutationObserver.
  • Safari memiliki dukungan JavaScript import() dinamis yang sudah ada di build pratinjau, dan Chrome 63 juga akan mendukungnya. Mathias Bynens menjelaskan apa artinya ini dan bagaimana kita dapat menggunakannya. import() pada dasarnya adalah import on fire dan memungkinkan Anda memuat seluruh modul JavaScript dengan cepat hanya ketika Anda benar-benar membutuhkannya.
  • Jake Archibald menjelaskan perbedaan halus namun penting antara await , return , dan return await dan memberikan tips tentang kapan harus menggunakan yang mana.
Kueri Media dengan MutationObserver
Jika Anda pernah berharap bahwa kueri media didasarkan pada lebar elemen daripada seluruh area pandang, solusi Ali Alaa adalah untuk Anda. (Sumber gambar)

Kehidupan kerja

  • “Ada saat ketika Anda bisa menulis beberapa puisi, mati karena TBC, dan menyebutnya sebagai kehidupan yang dijalani dengan baik.” Quinn Norton menerbitkan sebuah pemikiran "Melawan Produktivitas" dan tentang upaya aneh dalam diri kita semua untuk produktivitas yang lebih tinggi dalam hidup.
  • James Clear menjelaskan mengapa hidup sepertinya selalu menjadi lebih rumit dan apa yang bisa kita lakukan untuk tidak merasa kewalahan dengan ini.
  • Menurut The Guardian, banyak perusahaan telah menggunakan berbagai teknologi untuk memantau pola penjelajahan web karyawan mereka, penekanan tombol, posting media sosial, dan bahkan aplikasi perpesanan pribadi. Ini pengawasan kerja yang menunjukkan ketidakpercayaan mutlak perusahaan terhadap stafnya. Tetapi apa yang dapat Anda lakukan jika majikan Anda melakukan hal yang sama? Yang terbaik mungkin adalah berbicara dengan atasan Anda bahwa Anda pikir mereka tidak menghargai pekerjaan Anda dan rasanya seolah-olah mereka tidak mempercayai Anda jika mereka memantau Anda.
  • Ryan Singer berbagi mengapa hanya melakukan Agile tidak berhasil. Masalahnya terletak pada melakukan hal yang salah, membangun spesifikasi, dan terganggu. Menemukan hal yang tepat untuk dikerjakan, melakukannya dengan hati-hati dan dalam siklus adalah pekerjaan yang sangat gesit. Jangan terganggu oleh angka dan istilah, dan fokuslah pada hal-hal penting sebagai gantinya.
  • Alida Miranda-Wolff membahas masalah mengapa "bergerak cepat dan menghancurkan sesuatu" adalah ide yang buruk ketika menyangkut orang-orang karena dengan demikian "benda" yang dirusak adalah seseorang. Masalah jam kerja, kebahagiaan di tempat kerja, bakat yang berkembang, dan mengapa tergoda untuk mengikuti pola yang menyakitkan.
  • Dan Kim berbagi mengapa menurutnya sudah waktunya untuk mengakhiri pertemuan berulang untuk bekerja sama dengan cara yang tidak membuang waktu tetapi berfokus pada hal-hal penting yang perlu didiskusikan. Permohonan untuk berpikir masuk akal tentang pertemuan berulang.
Berlari dalam lingkaran
Pekerjaan yang membutuhkan pemecahan masalah itu seperti bukit. Ryan Singer menjelaskan mengapa Agile tidak berfungsi dalam kasus itu. (Sumber gambar)

Melampaui…

  • Scott Berkun menjelaskan mengapa perubahan yang benar sering kali terasa salah. Jika Anda dapat menghubungkannya, saya sarankan membaca artikel ini karena membantu Anda memahami mengapa kami merasa seperti itu dan mengapa ini wajar.
  • Orang-orang di balik seri Do Lectures yang hebat membagikan 100 buku tahun 2017 yang mereka rekomendasikan untuk kita baca. Dan meskipun saya tidak akan bisa membaca semua seratus buku, ada beberapa tips hebat dalam daftar yang memenuhi syarat sebagai bacaan akhir tahun yang bagus.
  • Dalam beberapa bulan terakhir, saya telah membaca semakin banyak artikel dari orang-orang yang bekerja atau pernah bekerja untuk perusahaan media sosial dan sekarang berbicara tentang bagaimana layanan tersebut berkontribusi besar-besaran untuk merobek masyarakat kita. Ini adalah satu lagi yang menunjukkan masalah informasi yang salah, "garis waktu" agregat yang dipengaruhi AI yang hanya memperburuk keadaan alih-alih menyatukan masyarakat dan membantu orang. Meskipun ada banyak nilai di media sosial, ada masalah mendasar di sebagian besar layanan besar: Dalam upaya untuk mendapatkan lebih banyak pendapatan dan fitur baru, layanan ini mencoba mencocokkan minat dengan orang-orang dan gagal total karena mereka cukup cocok dengan minat alih-alih memberikan perhatian. konten yang terbuka, netral, dan objektif bagi pengguna yang akan membuat mereka mencerminkan pandangan dan minat mereka.

Kami harap Anda menikmati Pembaruan Pengembangan Web ini. Yang berikutnya dijadwalkan pada 19 Januari. Pantau terus!