Diterjemahkan dari: Smashing Magazine
中文: Zen Coding: Metode untuk dengan cepat menulis kode HTML/CSS
Harap hormati hak cipta, tunjukkan sumbernya saat mencetak ulang!
Dalam artikel ini kami akan menunjukkan cara baru untuk dengan cepat mengembangkan HTML dan CSS menggunakan sintaks yang meniru pemilih CSS. Ini dikembangkan oleh Sergey Chikuyonok. Berapa banyak waktu yang Anda habiskan untuk menulis kode HTML (termasuk semua tag, atribut, referensi, kawat gigi, dll.)? Jika editor Anda memiliki prompt kode, akan lebih mudah ketika Anda menulisnya, tetapi meskipun demikian, Anda masih harus mengetikkan banyak kode secara manual.
Dalam JavaScript, ketika kami ingin mendapatkan elemen tertentu pada halaman, kami mengalami masalah yang sama, kami harus menulis banyak kode, yang membuatnya sulit untuk dipertahankan 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, yang cukup keren.
Tetapi bagaimana jika Anda tidak hanya dapat menggunakan pemilih CSS untuk tata letak dan menemukan elemen, tetapi juga menghasilkan kode ? Misalnya, jika Anda menulis ini:
Div#Content> H1+p
& hellip; maka Anda dapat melihat output seperti ini:
<Div id = "Content">
<h1> </h1>
<p> </p>
</div>