ترجم من: Smashing Magazine
中文: ترميز Zen: طريقة لكتابة رمز HTML/CSS بسرعة
يرجى احترام حقوق الطبع والنشر ، يرجى الإشارة إلى المصدر عند إعادة الطباعة!
في هذه المقالة ، سنعرض طريقة جديدة لتطوير HTML و CSS بسرعة باستخدام بناء الجملة الذي يحاكي محددات CSS. تم تطويره بواسطة سيرجي تشيكويونوك. كم من الوقت تقضي في كتابة رمز HTML (بما في ذلك جميع العلامات ، والسمات ، والمراجع ، والأقواس ، وما إلى ذلك)؟ إذا كان المحرر الخاص بك مطالبات رمز ، فسيكون الأمر أسهل عند كتابته ، ولكن على الرغم من ذلك ، لا يزال يتعين عليك كتابة الكثير من التعليمات البرمجية يدويًا.
في JavaScript ، عندما نريد الحصول على عنصر معين على صفحة ، نواجه نفس المشكلة ، وعلينا أن نكتب الكثير من التعليمات البرمجية ، مما يجعل من الصعب الحفاظ عليها وإعادة استخدامها. ظهرت أطر JavaScript ، وقاموا أيضًا بتقديم محرك CSS Selector. يمكنك الآن استخدام تعبيرات CSS البسيطة للحصول على عناصر DOM ، وهو أمر رائع.
ولكن ماذا لو لم تتمكن من استخدام محدد CSS فقط لتخطيط العناصر وتحديد موقعها ، ولكن أيضًا إنشاء رمز ؟ على سبيل المثال ، إذا كتبت هذا:
Div#content> H1+p
& hellip ؛ ثم يمكنك رؤية الإخراج مثل هذا:
<div id = "content">
<h1> </h1>
<p> </p>
</div>