हयाकु - सीएसएस तेज़ लिखना

हायाकु तेज वेब विकास के साथ मदद करने के लिए उपयोगी लिपियों का एक संग्रह है।

हयाकू एक संपादक में सीएसएस कोड लिखने और बनाए रखने का एक त्वरित तरीका प्रदान करता है। दुर्भाग्य से, यह केवल उदात्त पाठ 2 के लिए उपलब्ध है, अन्य संपादकों के लिए समर्थन बाद में होने की उम्मीद है।

स्थापना

प्राथमिकताएँ → पैकेज नियंत्रण (CTRL + SHIFT + P) → पैकेज स्थापित करें → हयाकु
पुनर्स्थापना उदात्त पाठ 2।

अवसरों

फजी सीएसएस संपत्ति संकेताक्षर

यदि आपने उदात्त पाठ 2 के साथ काम किया है, तो आप शायद इसके फ़ज़ी सर्च फंक्शन से परिचित हैं। यह उसी चीज़ के बारे में लागू करता है, लेकिन सीएसएस के लिए। wi और फिर TAB दबाकर, आप width प्राप्त करते हैं। एक ही परिणाम होगा यदि आप wdt या wdt टाइप करते हैं - यह एक अस्पष्ट खोज है :) अधिकांश गुणों के लिए, संक्षिप्त रूप बहुत कम हैं और कुछ अक्षरों से मिलकर बनता है, लेकिन आप संपत्ति के नाम से जितने चाहें उतने पत्र प्रिंट कर सकते हैं, हयाकु इसे संभाल सकते हैं।
कभी-कभी यह आपको लग सकता है कि हायकू आपके संक्षिप्तीकरण को पूरी तरह से नहीं करता है, उदाहरण के लिए, b background या border बजाय bottom ओर मुड़ता है, इसका कारण यह है कि left, right, top, bottom के गुणों में सबसे अधिक प्राथमिकता है।

स्मार्ट संक्षिप्तीकरण

आप अपना संक्षिप्त नाम संपत्ति + मान के रूप में लिख सकते हैं, लेकिन आपको उनके बीच किसी विभाजक का उपयोग करने की आवश्यकता नहीं है। उदाहरण के लिए: por (या ताकना, झगड़ा, आदि) position:relative में बदल जाएगा position:relative । फिर से, कार्रवाई में फ़िज़नेस का जादू :) यदि आप वास्तव में इस संक्षेप में विभाजक का उपयोग करना चाहते हैं - संपत्ति और मूल्य के बीच एक बृहदान्त्र जोड़ें, तो परिणाम नहीं बदलेगा। हालांकि, एक बृहदान्त्र का उपयोग करना अभी भी कुछ मामलों में समझ में आता है: उदाहरण के लिए, pr का उपयोग करके padding-right रूप में व्याख्या की जा सकती है, और उनके बीच एक बृहदान्त्र जोड़ने से अस्पष्टता को समाप्त किया जा सकता है; padding आर के साथ शुरू होने वाले किसी भी मूल्य को नहीं लेता है, इसलिए, इस विकल्प को छोड़ दें, और आगे बढ़ें:

 p:r → position: relative pr → padding-right: 

संक्षेप में संख्याएँ

हयाकू संख्याओं के साथ संकेतन लिखने के कई तरीके समझता है

• आप इसे मान के रूप में उपयोग करने के लिए संक्षिप्त नाम के बाद केवल संख्या लिख ​​सकते हैं। उदाहरण के लिए
  

   w10 → width: 10px (,   ) 

• नकारात्मक मान भी समर्थित हैं:
  

   ml-10 → margin-left: -10px 

  
  
• यदि आप संक्षेप में कहीं अंत डालते हैं, तो हायकू मान लेगा कि आपको एम की जरूरत है। उदाहरण के लिए
  

   w10.5 → width: 10.5em 

• उदाहरण के लिए प्रतिशत प्रतिशत संक्षिप्त है:
  

   w10percents = w10perc = w10p → width: 10% 

• शेष इकाइयाँ भी समर्थित हैं, उदाहरण के लिए:
  

   h2pt → height: 2pt w10h → width: 10vh 

संक्षेप में रंग

स्ट्रिंग्स और संख्याओं के अलावा, हायाकु संक्षिप्त में रंग डिकोडिंग का समर्थन करता है। रंग द्वारा आपके द्वारा बताए गए कई तरीके हैं:

 c0 → color: #000 cF → color: #FFF (  ,   Hayaku    ) cFA → color: #FAFAFA c#fa → color: #FAFAFA (   ,    #) 

महत्वपूर्ण संशोधक

बस एक सुविधाजनक सुविधा - जोड़ें ! डिक्रिप्शन के बाद !important पाने के लिए संक्षिप्त नाम के बाद:

 dn! → display:none !important; 

स्वचालित विक्रेता उपसर्ग।

क्या आपको विक्रेता उपसर्गों की आवश्यकता है? हायाकु उनका भी समर्थन करता है!

 bra1.5 → -webkit-border-radius: 1.5em; border-radius: 1.5em; 

विभिन्न गुणों के लिए, विभिन्न उपसर्गों को डाला जाता है। यह डिक्शनरी में परिभाषित किया गया है और अगले संस्करणों में से एक में सब्बल टेक्स्ट 2 की सेटिंग के माध्यम से ऐसी चीजों को फिर से परिभाषित करना संभव होगा।

कुछ चूक

यदि आप केवल संपत्ति लिखते हैं, तो हायकू डिफ़ॉल्ट मान डालेगा, और इसके अंदर कर्सर ले जाएगा, जिससे आप अपना मूल्य लिखना जारी रख सकेंगे। उदाहरण के लिए:

 w → width: |100% (| - ) h → height: |100% c → color: |#FFF etc... 

मूल्यों का विस्तार

एक अन्य विशेषता जो आपको पहले एक संपत्ति लिखने की अनुमति देती है, और फिर मूल्यों के लिए स्वत: पूर्णता का उपयोग करती है।

 po → position: (    . ,    a, Hayaku    absolute) po → position: a| → position: absolute 

यह इकाई और रंग मूल्यों के लिए भी समर्थित है।

इनलाइन टिप्पणी

एक और अच्छी चाल:

 // → /* */ 

पूर्वकर्मियों के साथ हयाकु का उपयोग करना।

बेशक, आप कह सकते हैं कि आपको सीएसएस को तेजी से लिखने की आवश्यकता नहीं है, आप पहले से ही सीएसएस प्रीप्रोसेसर का उपयोग करते हैं :) प्रीप्रोसेसर्स कोड की गति और पठनीयता में काफी वृद्धि करते हैं, लेकिन आपको अभी भी इन सभी लानत अतिरिक्त वर्णों को लिखने की आवश्यकता है! सौभाग्य से, हायाकु सास, कम, स्टाइलस, आदि के साथ आसानी से काम करता है।

एक शॉर्टकट में घुंघराले ब्रेसिज़ जोड़ना

CTRL + चयनकर्ता लिखने के बाद ENTER स्वचालित रूप से घुंघराले ब्रेसिज़ बनाएगा और कर्सर को चयनकर्ता के अंदर ले जाएगा। (@CyberAP)
अच्छा लेआउट!

UPD: जैसा कि यह निकला, हयाकू के लेखक किजू और थेबिट्स हैं