Diterjemahkan dari: Majalah Smashing
Bahasa Mandarin: Zen Coding: Cara cepat untuk menulis kode HTML/CSS
Harap hormati hak cipta dan sebutkan sumbernya saat mencetak ulang!
Pada artikel ini kami akan mendemonstrasikan cara baru untuk mengembangkan HTML dan CSS dengan cepat menggunakan sintaksis yang meniru pemilih CSS. Ini dikembangkan oleh Sergey Chikuyonok . Berapa banyak waktu yang Anda habiskan untuk menulis kode HTML (termasuk semua tag, atribut, tanda kutip, kurung kurawal, dll.)? Jika editor Anda memiliki petunjuk kode, akan lebih mudah bagi Anda untuk menulis, namun Anda masih harus mengetik banyak kode secara manual.
Dalam JavaScript, ketika kita ingin mendapatkan elemen tertentu pada suatu halaman, kita menghadapi masalah yang sama, kita harus menulis banyak kode, sehingga menjadi sulit untuk dipelihara dan digunakan kembali. Kerangka kerja JavaScript muncul, dan mereka juga memperkenalkan mesin pemilih CSS. Sekarang, Anda dapat menggunakan ekspresi CSS sederhana untuk mendapatkan elemen DOM, dan ini cukup keren.
Namun bagaimana jika Anda tidak hanya dapat mengatur tata letak dan memposisikan elemen menggunakan pemilih CSS, tetapi juga menghasilkan kode ? Misalnya, jika Anda menulis:
div #konten > h1 + hal
...lalu Anda dapat melihat keluaran seperti ini:
< div id = "konten" >