ترميز HTML أصبح سهلاً مع ترميز Zen

كود زين هو واحد من أفضل مساعد ترميز HTML تم إنشاؤه على الإطلاق. مربكًا في البداية وربما صعبًا قليلاً للتجول ، ولكن بمجرد الحصول على تعليق منه ، لا شيء يمكنه التغلب على السهولة التي ستجلبها إلى حياة المبرمج.

Zen Coding هو في الأساس مجموعة من المكونات الإضافية التي يمكن أن تعمل مع مجموعة كبيرة ومتنوعة من برامج تحرير النصوص (Notepad ++ و Coda و Espresso و Aptana و Komodo وغيرها ، على سبيل المثال لا الحصر). تخصصهم هو توسيع الاختصارات إلى هياكل HTML كاملة ، بطريقة أكثر ذكاءً ولا تصدق.

صورة

إن بنية HTML الموضحة في لقطة الشاشة مجاملة لكل من سطرين فقط ، موسعة بواسطة Zen Coding نفسه. كما هو ظاهر في لقطة الشاشة ، يظهر المكون الإضافي كقائمة في شريط الأدوات الرئيسي عندما يتم دمجه مع Notepad ++. قد يتغير هذا من محرر إلى محرر.

نلقي نظرة عامة موجزة على كيفية عمل ذلك ، دعنا نرى كيف تم إنشاء أول كتلة HTML في لقطة الشاشة أعلاه. يظهر الأمر المستخدم أدناه.

زين

وبالتالي فإن هذا النحو البسيط يوجه. يبدأ التوسيع بعلامة "div" ، وأي شيء بعد # سيحدد "id" للعلامة السابقة. توضح العلامة> كيفية صعود العلامات الفرعية من أي علامة ، وهي في هذه الحالة "الطاولة" و "tr" و "td" وما إلى ذلك. يشير المضاعف بمقدار 5 إلى ضرورة تكرار العلامة السابقة هذا عدة مرات. أخيرًا ، يتم ربط علامة الارتباط التشعبي بـ "فئة" أيضًا ، المحددة من خلال استخدام الفترة. وبالتالي ، فإن هذا النحو يترجم إلى هذا:

ZEN2

الاحتمالات مع Zen Coding هائلة. هذا الأمر الذي لمسته أعلاه ، لا يقترب حتى من البداية. يمكن أن يؤدي إحضار القليل من الاختلاف إلى بناء الجملة إلى استدعاء الكثير من التنوع إلى إخراج HTML الخاص بك. خذ على سبيل المثال ، بناء الجملة وإخراج HTML أدناه.

زين

هنا ، استخدمت للتو علامات + لإضافة أكثر من علامة واحدة من نفس النوع ، وحتى استخدمت المضاعفات بينهما.

إن تغطية جميع ميزات Zen Coding تتجاوز مقاربة هذه المراجعة ، وبالتالي نرحب بكم لاستكشاف البرنامج المساعد. يمكن أن يصبح Zen Coding شريان الحياة لأي مبرمج HTML ، فنان CSS ، وما إلى ذلك ، ويمكنه أيضًا جذب أولئك الذين يريدون فقط تجربته. سوف تضغط بشدة للعثور على أي شخص لديه شيء سيئ في Zen Coding ، فهم جيدون حقًا.

على رابط التنزيل الموضح أدناه ، هناك زوجان من لقطات الشاشة تسمحان بإلقاء نظرة عامة على الميزات المقدمة. تحقق من تلك.

تتوفر إضافات Cod Coden للعديد من برامج تحرير النصوص عبر الأنظمة الأساسية.

تنزيل برنامج Zen Coding

watch instagram story