Emmet v1.0 जारी किया

मुझे यह घोषणा करते हुए खुशी हो रही है कि विकास के छह महीने से अधिक समय के बाद , एम्मेट (पूर्व ज़ेन कोडिंग) v1.0 जारी किया गया था।

Emmet HTML और CSS के साथ काम को तेज करने का एक उपकरण है। यह परियोजना डायनामिक संक्षिप्तीकरण के तंत्र पर आधारित है, जिसे मक्खी पर समझा जाता है और जहाँ से एक तैयार कोड टुकड़ा उत्पन्न होता है। संक्षिप्ताक्षर लिखने के लिए, एक सिंटैक्स का उपयोग किया जाता है जो CSS चयनकर्ताओं के समान है, लेकिन कोड बनाने के लिए विशिष्ट कुछ परिवर्धन के साथ। उदाहरण के लिए, यहाँ एक संक्षिप्त नाम है:

section>h2+ul.nav>li.nav-item$*5>a 

एक साधारण कीस्ट्रोक में बदल जाता है:

 <section> <h2></h2> <ul class="nav"> <li class="nav-item1"><a href=""></a></li> <li class="nav-item2"><a href=""></a></li> <li class="nav-item3"><a href=""></a></li> <li class="nav-item4"><a href=""></a></li> <li class="nav-item5"><a href=""></a></li> </ul> </section> 

लेकिन कोड के साथ सुविधाजनक काम के लिए, आपको न केवल इसे जल्दी से लिखने में सक्षम होना चाहिए, बल्कि मौजूदा कोड को भी संपादित करना होगा। एम्मेट कई कार्य प्रदान करता है जो मौजूदा कोड के साथ काम करना आसान बनाते हैं: टैग की एक जोड़ी का चयन करना , जल्दी से संपादन बिंदुओं पर नेविगेट करना , एक टैग को टिप्पणी करना और बहुत कुछ ।

जैसा कि ऊपर उल्लेख किया गया है, एम्मेट ज़ेन कोडिंग परियोजना का नया नाम है, जो पहले हेबे पर उल्लिखित है । एक नए नाम के साथ, परियोजना को एक नया जीवन और नए अवसर प्राप्त हुए:

• पूर्ण प्रलेखन और एक आधिकारिक साइट दिखाई दी , जहां आप परियोजना और इसकी क्षमताओं के बारे में पूरी जानकारी प्राप्त कर सकते हैं।
• सभी प्लगइन्स को संपादक के साथ घनिष्ठ एकीकरण के लिए खरोंच से फिर से लिखा गया था। उनमें से अधिकांश स्वचालित रूप से अपडेट किए जाते हैं।
• सीएसएस के साथ बेहतर काम: संपत्ति के मूल्यों को संक्षेप में सीधे लिखा जा सकता है। उपयोगकर्ताओं के अनुभव और इच्छाओं को भी ध्यान में रखा गया - फजी सर्च मॉड्यूल के लिए धन्यवाद , आपको संक्षिप्त नाम के भारी नामों को याद रखने की आवश्यकता नहीं है, बस कुछ अक्षर लिखें (उदाहरण के लिए, ov:h == ov-h == oh == oh = overflow: hidden );
• निहित टैग नामों का पता लगाने के लिए बेहतर मॉड्यूल । पहले, यदि आपने .item जैसे संक्षिप्त नाम का विस्तार करने का प्रयास किया, तो आप मूल टैग के प्रकार के आधार पर <div class="item"> या <span class="item"> साथ समाप्त हो सकते हैं। अब मॉड्यूल टैग नाम को देखता है और आउटपुट कर सकता है, उदाहरण के लिए, <li> , <td> , <option> ।
• एक्सटेंशन के लिए समर्थन । अब, एक नया संक्षिप्त नाम जोड़ने या परिणाम के आउटपुट को समायोजित करने के लिए, आपको प्लगइन कोड में नहीं जाना होगा, बस एक विशेष फ़ोल्डर में कुछ सरल JSON फ़ाइलें बनाएं।
• जनरेटर "लोरम इप्सम" । इससे पहले, साइट के लिए "गड़बड़" पाठ प्राप्त करने के लिए, आपको तीसरे पक्ष के संसाधनों का उपयोग करना होगा, और फिर परिणाम को प्रारूपित करना होगा। अब आप इस तरह के पाठ को सीधे संपादक में प्राप्त कर सकते हैं, और पाठ में शब्दों की संख्या को संक्षेप के बाद संख्या जोड़कर समायोजित किया जा सकता है। इसके अलावा, जनरेटर एम्मेट संक्षिप्ताक्षर की सभी क्षमताओं का उपयोग करता है, जिससे आप उत्पन्न तत्वों के लिए आवश्यक विशेषताओं को जोड़ सकते हैं और निर्मित ब्लॉकों की संख्या को समायोजित कर सकते हैं।
• नया ऑपरेटर ^ ।

मैं कुछ अतिरिक्त परियोजनाओं को भी जारी करता हूं जो एम्मेट पर काम करते समय बनाई गई थीं:

• कोडमिरर मूवी ( रूसी में ) - कोडमिरर संपादक के लिए एक प्लग-इन जो आपको कोड के लिए डेमो बनाने की अनुमति देता है।
• डॉकपैड के लिए प्लगइन्स ( रूसी में ) - डॉकपैड पर पेशेवर साइट बनाने के बारे में एक कहानी, स्थैतिक साइटों को बनाने के लिए एक रूपरेखा।

स्रोत कोड और प्लगइन्स एक विशेष रिपॉजिटरी में उपलब्ध हैं। यदि आपको त्रुटियां मिलती हैं या सुधार के लिए सुझाव हैं, तो मुझे उनके बारे में जानकर खुशी होगी।