Inisiatif Open UI Mencapai Kemajuan Dengan Komponen Asli Pelayar

Komuniti pembangunan web telah lama bergelut dengan keterbatasan kawalan borang HTML asli, sering beralih kepada rangka kerja berasaskan JavaScript untuk mencipta antara muka pengguna moden. Inisiatif Open UI, sebuah Kumpulan Komuniti W3C, bertujuan untuk menangani jurang ini dengan menstandardkan corak UI yang biasa dan membolehkan pembangun untuk mengubah gaya dan melanjutkan komponen web terbina dalam.

Cadangan Yang Telah Berjaya Mula Digunakan Dalam Pelayar

Beberapa komponen daripada inisiatif Open UI telah mula digunakan dalam pelayar moden. API Popover, Exclusive Accordion (menggunakan elemen details dengan atribut name), dan Invoker Commands (menggunakan atribut commandfor) kini disokong di Chrome dan pelayar lain pada tahap yang berbeza. Elemen select yang boleh disesuaikan juga telah dilancarkan di Chrome, menangani salah satu komponen yang paling kerap diimplementasi semula di web.

Implementasi ini mewakili kemajuan yang signifikan ke arah menyelesaikan masalah berterusan dalam pembangunan web. Seperti yang dinyatakan oleh salah seorang ahli komuniti:

Kebanyakan komponen biasa yang disenaraikan seharusnya menjadi standard pada satu ketika nanti. Masalah utama masih lagi bahawa Web direka untuk dokumen, bukan aplikasi. Kekacauan semasa sebahagiannya disebabkan oleh vendor OS yang tidak bersetuju dengan standard API GUI yang merentas platform, jadi ia dilakukan melalui Web.

Cadangan Open UI yang Telah Diluluskan

• Exclusive Accordion

  • Pelaksanaan: Elemen HTML <details> dengan atribut name
  • Sokongan pelayar: https://caniuse.com/mdn-html_elements_details_name

• Invoker Commands

  • Pelaksanaan: Atribut commandfor pada butang
  • Sokongan pelayar: https://caniuse.com/mdn-html_elements_button_commandfor

• Popover API

  • Pelaksanaan: Atribut popover pada elemen HTML
  • Sokongan pelayar: https://caniuse.com/mdn-api_htmlelement_popover

• Popover Hint

  • Pelaksanaan: Nilai atribut popover="hint"
  • Sokongan pelayar: https://caniuse.com/mdn-api_htmlelement_popover_hint

• Customizable Select

  • Status: Dilaksanakan hanya dalam Chrome
  • Rujukan: https://open-ui.org/components/customizableselect/

Menangani Masalah Kebergantungan Pada Rangka Kerja

Ramai pembangun kini beralih kepada React, Angular, atau rangka kerja JavaScript lain terutamanya kerana mereka memerlukan komponen UI yang tidak disediakan secara asli oleh HTML. Multi-selector, dropdown boleh cari, pemilih kalendar dengan ciri-ciri lanjutan, dan corak umum lain memaksa pembangun sama ada membina penyelesaian khusus atau mengimport pustaka yang berat.

Kebergantungan pada rangka kerja ini telah mewujudkan kitaran di mana pembangun baru mempelajari pendekatan khusus rangka kerja dan bukannya standard web. Hasilnya sering kali laman web yang berat, kurang boleh diakses yang menggunakan lebih banyak kuasa dan memperkenalkan kelemahan keselamatan yang berpotensi. Dengan menstandardkan corak umum ini pada tahap pelayar, Open UI bertujuan untuk mengurangkan kebergantungan ini sambil meningkatkan prestasi dan kebolehcapaian.

Mengimbangi Standardisasi dengan Penyesuaian

Cabaran utama bagi inisiatif Open UI adalah mengimbangi standardisasi dengan keperluan untuk penyesuaian visual. Banyak perniagaan memerlukan komponen UI yang mencerminkan penjenamaan mereka, yang secara historis telah mendorong mereka menjauhi elemen asli ke arah implementasi khusus.

Inisiatif ini secara khusus menangani ini dengan memberi tumpuan kepada menjadikan elemen asli lebih boleh digayakan. Daripada memaksa pembangun untuk memilih antara kebolehcapaian dan penjenamaan, Open UI bertujuan untuk menyediakan komponen yang boleh disesuaikan secara visual sambil mengekalkan kebolehcapaian dan faedah prestasi implementasi asli.

Sesetengah ahli komuniti telah menyatakan keraguan sama ada perniagaan akan menerima pakai komponen yang distandardkan, dengan menyatakan bahawa pembezaan adalah strategi perniagaan teras. Walau bagaimanapun, yang lain berhujah bahawa pembezaan melalui komponen UI menambah sedikit nilai dan pengguna sebenarnya lebih suka antara muka yang biasa.

Arah Masa Depan dan Respons Komuniti

Walaupun inisiatif Open UI telah mencapai kemajuan, sesetengah ahli komuniti telah mengkritik dokumentasi dan persembahan projek itu sendiri. Laman web tersebut kekurangan contoh yang jelas dan demonstrasi interaktif yang akan membantu pembangun memahami komponen yang dicadangkan.

Fokus inisiatif pada pembangunan berasaskan penyelidikan—mendokumentasikan corak merentas rangka kerja popular sebelum mencadangkan standard—mencadangkan pendekatan metodologi yang mungkin memerlukan masa untuk direalisasikan sepenuhnya. Walau bagaimanapun, cadangan yang telah berjaya menunjukkan bahawa kerja ini sudah membuahkan hasil.

Apabila pelayar terus melaksanakan standard ini, kita mungkin melihat peralihan kembali ke arah laman web yang lebih ringan, lebih boleh diakses yang tidak memerlukan rangka kerja JavaScript yang besar untuk fungsi UI asas. Ini boleh memberi manfaat khususnya kepada pengguna pada peranti berkuasa rendah atau sambungan yang lebih perlahan, di mana JavaScript yang berat boleh memberi kesan ketara kepada prestasi.

Rujukan: Open UI Charter