Less Kya Hai




Less एक सीएसएस प्री-प्रोसेसर है जो आपको webpage के लिए स्टाइल शीट को कस्टमाइज़ प्रबंधित और पुन उपयोग करने मे सुविधा प्रदान करता है. Less सीएसएस का एक extension और dynamic style sheet भाषा है जिसे क्लाइंट साइड या सर्वर साइड पर चलाया जा सकता है. Less एक ओपन सोर्स भाषा है. यह cross browser compatible भी है.

Features of Less

  • Less clean, compact और अधिक readable कोड है और एक व्यवस्थित तरीके से लिखा गया है.

  • Less cross-browser compatibility को supports करता है.

  • Less तेज़ और आसान होता है.

  • Less को जावास्क्रिप्ट मे लिखा गया है यह सीएसएस के अन्य Preprocessor की तुलना में तेज़ी से संकलित करता है.

  • Less variables प्रदान करता है जो इसके रखरखाव को तेज बनाता है.

  • Less nest प्रदान करता है जो कोड को एक विशिष्ट तरीके से छोटा साफ और व्यवस्थित करता है.

  • Less आपको शैलियों को परिभाषित करने के लिए सुविधा प्रदान करता है जिसे पूरे कोड मे पुन उपयोग किया जा सकता है.

  • Less सीएसएस का extension होता है तो इसे सीएसएस का सुपर सेट भी कहा जाता है.

  • Less कोड अनावश्यकता की समस्या को हल करने में काफी सक्षम होता है.

  • Less समूह चयनकर्ताओं को विस्तारित विधि प्रदान करता है जो समान शैली-नियम साझा करते है Less साफ और अधिक व्यवस्थित बनाता है.

Less Comments

Less comments non-executable statements है जो स्रोत कोड के अंदर रखा जाता है. Less comments अन्य डेवलपर्स और परीक्षकों द्वारा समझने के लिए स्रोत कोड को स्पष्ट और आसान बनाने के लिए लिखा गया है. Comments ब्लॉक शैली और कम कोड के भीतर इनलाइन मे लिखा जा सकता है लेकिन सीएसएस कोड में सिंगल लाइन Comments दिखाई नही देता है. Less दो प्रकार के Comments को support करता है जैसे की Single line comments, Multiline comments.

Less Variables

Less Variable को प्रतीक @ के साथ परिभाषित किया जाता है और values को colon (:) के साथ Variable मे assigned किया जाता है. Variable वास्तव मे "constants" है कि इन्हें केवल एक बार परिभाषित किया जा सकता है.

Less Variable Scope

Less मे Variable scope का उपयोग उपलब्ध Variable के स्थान को specify करने के लिए किया जाता है. सबसे पहले variables को स्थानीय दायरे मे search किया जाता है और यदि वे उपलब्ध नही होते है तो उन्हें कंपाइलर द्वारा मूल दायरे मे search किया जाता है.

Less Extend

Less एक Extend feature है. Extend Feature एक pseudo class के रूप मे कार्य करता है जो एक चयनकर्ता में अन्य चयनकर्ता की शैलियों का उपयोग करके विस्तार करती है और चयनकर्ता का विस्तार करता है.

Less Nesting

Code को कुछ visual hierarchy का पालन करने के लिए Nesting का उपयोग किया जाता है. यह आपके कोड को सरल साफ और less complex बनाता है . Nesting के दौरान आपको बहुत सावधान रहना चाहिए क्योंकि अत्यधिक Nesting वाले नियम complex का कारण बन सकते है और यह बनाए रखने के लिए कठिन साबित होता है.

Less Importing

Less मे Less या सीएसएस फ़ाइलो की सामग्री को import करने के लिए import का उपयोग किया जाता है. File Extension के आधार पर कम से कम @import statements को treated किया जा सकता है.

Less Operations

Less मे कुछ arithmetical operations जैसे addition (+), subtraction ( - ), multiplication ( * ), and division ( / ) मे supported होता हैं . इन operations का उपयोग किसी भी number, color और variable पर किया जा सकता है. Variable पर काम करते समय यह समय को बचाता है है क्योंकि यह गणित पर काम करने जितना आसान होता है.

Less Mixins

Mixin CSS properties का एक संग्रह होता है जो आपको एक नियम-सेट से गुणो का एक समूह जोड़ने के लिए एक और नियम-सेट मे शामिल करता है और इसमे class की properties को इसकी properties के रूप मे शामिल किया जाता है. Mixin प्रोग्रामिंग भाषाओं में कार्यों के समान होता है. Less मे mixins को class या id selector का उपयोग करके सीएसएस शैली के समान ही घोषित किया जा सकता है. यह कई values को स्टोर कर सकता है और जब भी आवश्यक हो तो कोड मे पुन उपयोग किया जा सकता है.

Less Loops

Less Loops statement आपको एक statement या group को कई बार execute करने की सुविधा प्रदान करता है. और iterative loop structures को तब बनाया जाता है जब Guard Expressions और Pattern Matching के साथ recursive mixin शामिल होता है.

Less Merge

Less merger facility आपको एक ही properties का उपयोग करके कई properties से values को comma या space से अलग सूची में एकत्रित करने की सुविधा प्रदान करता है. यह आमतौर पर background और परिवर्तन जैसी properties के लिए उपयोग किया जाता है.

Less Functions

round function, floor function, ceil function, percentage function इत्यादि जैसे कई फ़ंक्शन स्टाइल शीट्स मे colors और HTML elements पहलुओं में हेरफेर करने के लिए Less supported है. values मे हेरफेर के साथ Less maps JavaScript code और predefined functions का उपयोग करता है.

Advantages of Less

  • Less एक सीएसएस प्रीप्रोसेसर है. यह Compilation के बाद एक सरल सीएसएस उत्पन्न करता है जो ब्राउज़र मे काम करता है.

  • Less cross-browser compatibility को supports करता है.

  • Less code simple, clean और organized होता है क्योंकि यह nesting का उपयोग करता है.

  • Less मे Maintenance तेजी से हासिल किया जा सकता है क्योंकि यह variables उपयोग करता है.

  • Less ऑपरेटरों की एक सूची प्रदान करता है जो तेजी से और समय की Saving coding करता है.

  • Less आपको अपने rule-set मे Reference करके आसानी से पुरी classes का पुन उपयोग करने मे सहायता करता है.

Disadvantages of Less

  • यदि आप CSS preprocessing के लिए नए हैं तो आपको Less को सीखने के लिए कुछ समय लगेगा.

  • SASS जैसे older preprocessor की तुलना मे fewer frameworks प्रदान करता है जिसमे Compass, Gravity और Susy जैसे Framework शामिल होते है.