5 Tools Untuk Memeriksa dan Optimalkan CSS Anda

29/01/2015    Reza Indra    3966    Website

Jika Website yang anda buat sudah mulai berkembang, begitupun juga dengan kode (style) yang anda bangun, sewaktu-waktu akan terus dioptimalkan sesuai dengan kebutuhan Website. Ada kalanya dalam proses pengoptimalan kode CSS terjadi kesalahan yang membuat Website menjadi sedikit berantakan dan akan berpengaruh terhadap kinerja Website anda.

Jika hal itu terjadi, saatnya anda memerlukan beberapa tools yang dapat mempermudah untuk memeriksa dan mengoptimalkan kode CSS. Saya akan memberikan 5 tools yang paling anda butuhkan, yang akan mengidentifikasi bagian-bagian mana saja dari kode yang harus dioptimalkan dan diperbaiki, tools ini juga berfungsi untuk mengurangi ukuran file stylesheet.

1. Type-o-matic

Type-o-matic adalah plugin untuk Firebug yang dapat menganalia font yang digunakan dalam website. Plugin ini memberikan laporan visual dalam sebuah tabel, seperti family font, ukuran, berat, warna, dan juga berapa kali font yang digunakan dalam halaman web. Melalui tabel laporan, anda dapat dengan mudah mengoptimalkan penggunaan font, menghapus apa yang tidak perlu, atau menggabungkan gaya yang terlalu mirip. [Check it out]

2. CSS Lint

CSS Lint adalah tool yang digunakan menganalisa sintak CSS berdasarkan parameter tertentu yang membahas kinerja, aksesibilitas, dan kompatibilitas CSS. anda pasti akan terkejut dengan hasilnya, akan banyak peringatan di CSS punya anda. Namun, kesalahan ini pada akhirnya akan membantu anda untuk memperbaiki beberapa sintaks CSS, dan membuatnya lebih efisien. Selain itu, Anda juga akan menjadi penulis CSS yang lebih baik. [Check it out]

3. CSS ColorGuard

CSS ColorGuard adalah tool yang relatif baru. Tool dapat berjalan di semua platform: Windows, OS X, dan Linux. CSS ColorGuard adalah alat baris perintah yang akan memberitahu anda tentang penggunaan warna yang sesuai, apakah sama atau tidak dalam Stylesheet. Misalnya # f3f3f3 cukup dekat dengan #f4f4f4, sehingga anda mungkin ingin mempertimbangkan menggabungkan keduanya. [Check it out]

4. CSS Dig

CSS Dig adalah tool yang dibangun dengan script Python dan bekerja secara lokal pada komputer anda. CSS Dig akan menjalankan pemeriksaan menyeluruh dalam CSS Anda. Dia akan membaca dan melaporkan deklarasi penulisan kode, misalnya tool ini menyarankan untuk menulis kode warna yang konsisten seperti #CCC atau #CCCCCC. [Check it out]

5. Dust-Me

Debu-Me adalah add-on untuk Firefox dan Opera yang akan memberikan laporan bagian kode CSS mana saja yang tidak perlu digunakan dalam stylesheet Anda. Anda dapat menekan tombol Clean dan akan membersihkan banyak kode CSS yang tidak terpakai dan menyimpan ke file CSS baru. [Check it out]

No data.