Mencari Kesalahan CSS | Cascading Style Sheets (CSS)

Mencari Kesalahan CSS

Terdapat banyak cara dan best practice dalam memperbaiki CSS yang telah Anda tulis. Salah satu cara yang mudah dan cepat dilakukan adalah dengan menggunakan tools untuk otomatis mencari kesalahan pada penulisan.

Salah satu cara yang paling cepat untuk memastikan bahwa CSS yang telah Anda tulis itu valid dan dapat berjalan adalah menggunakan berbagai tools online yang tersedia secara gratis. Pengecekan cukup dengan cara copy-paste kode CSS, upload berkas CSS, atau menulis alamat situs yang ingin diperiksa.

Berikut beberapa opsi gratis yang tersedia.

CSS Validation Service by W3C

CSS Validator Online by codebeautify.org

CSS Lint

Kecilkan Ukuran CSS

Ukuran CSS sangat penting untuk dapat dihemat karena akan memengaruhi seberapa cepat situs Anda dapat dimuat pada browser. Cara untuk menghemat ukuran berkas CSS adalah dengan menghapus spasi atau karakter yang tidak diperlukan dari kode. Berikut adalah contoh spasi atau karakter yang dapat dihapus.

New line characters (Baris baru).

Whitespace characters (Spasi).

Block delimiters (Pembatas block).

CSS comments (Komentar CSS).

Perbaikan di atas dapat dilakukan secara manual, tetapi Anda juga dapat menggunakan tools online yang dapat memperbaiki secara otomatis. Inilah beberapa opsi yang tersedia.

CSSNANO Playground

CSS Minifier Tool and Compressor

Minify - JavaScript and CSS minifier

Berbagi :