Berita

CSSX : Solusi pemrograman CSS dalam JavaScript

[sumber: PixaBay]

Kini, para developer dapat menggunakan CSS pada pemrograman JavaScript dengan menggunakan seperangkat tool CSSX. Dengan satu set tool ini para developer dapat menuliskan baris-baris kode Vanilla CSS dalam pemrograman JavaScript.

Berdasarkan survei yang diselenggarakan Stack Overflow, bahasa pemrograman JavaScript merupakan bahasa yang paling banyak digunakan pada tahun 2014 hingga tahun 2016. JavaScript sendiri merupakan bahasa pemrograman yang sangat kaya, dinamis, dan sangat banyak digunakan dalam mengembang web saat ini.

Oleh karena itu, CSSX memberikan sebuah solusi untuk memadukan penggunaan CSS ke dalam bagian pemrograman JavaScript, meskipun hanya style sheets dasar untuk saat ini. CSSX bukanlah bahasa pemrograman baru, bahasa CSSX adalah CSS dalam konteks JavaScript.

Konsep yang digunakan pada CSSX sangat sederhana. CSSX mengusung ide untuk mengonversikan object literals ke dalam CSS yang valid. Kemudian styles tersebut diterapkan ke dalam halaman dengan media JavaScript.

Keseluruhan dari style tersebut digabungkan menjadi satu sehingga para developer tak perlu lagi untuk mengatur style sheets eksternal. Akan tetapi, CSSX masih memiliki dua permasalahan dalam proses implementasinya.

Dua permasalahan yang terjadi saat penelitian dengan metode di atas adalah Flash of unstyled text (FOUT) dan ketiadaan style sheet. Para pengguna akan mendapati konten-konten unstyled untuk beberapa saat sebelum mendapati halaman-halaman styled.

Selain itu, telah terdapat beberapa contoh style yang diaplikasikan dengan menggunakan JavaScript, akan tetapi kebanyakan dari conto-contoh tersebut menampilkan inline styles. Oleh karena itu untuk mengatasi dua permasalahan tersebut, sedang dikembangkan CSSX client-side library.

Bagi para developer yang tertarik menggunakan CSSX, para developer dapat mengunjungi halaman GitHub dari CSSX. Dalam laman tersebut para developer dapat menemukan contoh, paket, dan referensi lainnya.

 

[sumber: Smashing Magazine]

Share
Published by
Sukindar

Recent Posts

Cisco Peringkatkan Kerentanan Kritis Dalam Cisco Data Center Network Manager

Cisco mengungkapkan tiga kerentanan dalam layanannya. Ini dia penanganannya!

January 7, 2020

Optimal idM Meluncurkan OptimalCloud Partner Platform

Ini ulasan mengenai keuntungan OptimalCloud Partner Platform, platform baru milik Optimal idM!

January 6, 2020

Google Siapkan Coral Accelerator Module dan Coral Dev Board Mini untuk Tahun 2020

Google kenalkan dua koleksi baru dari Coral. Dua koleksi baru ini bakal menambah kemampuan pengembangan…

January 3, 2020

Google Kembangkan Model Kecerdasan Buatan Untuk Deteksi Kanker Payudara

Raksasa Google baru saja mengembangkan sistem pemindaian kanker payudara berbasis kecerdasan buatan. Bagaimana hasilnya, berikut…

January 3, 2020

Google Dorong Fitur Bubbles Notifications Ke Versi Stabil

Meski dikenalkan bersamaan dengan Android 10 Beta, sampai kini Bubbles Notifications masih dalam tahap pengembangan.…

December 31, 2019

Samsung Siapkan Lima Proyek dan Empat Startup C-Lab Untuk CES 2020

Samsung akan kembali memamerkan hasil program C-Lab ke ajang CES 2020. Ini dia proyek dan…

December 30, 2019