AutoclassCSS - फास्ट HTML फ्रेमवर्क

जनरेटर उन लोगों के लिए उपयोगी होगा जो स्थैतिक पृष्ठ लगाते हैं।
उपकरण जावास्क्रिप्ट में लिखा गया है, और, बीईएम कार्यप्रणाली का पालन करते हुए, फ्रेमवर्क केवल कक्षाओं के आधार पर बनता है।
यह बस काम करता है: यह इनपुट के लिए HTML, और आउटपुट के लिए CSS प्राप्त करता है।

आप इसे डेमो पृष्ठ पर कार्रवाई में आज़मा सकते हैं, डिज़ाइन स्वाद के लिए अनुकूलित है।


कभी-कभी आपको जल्दी से एक पेज बनाना होता है। आमतौर पर मेरी प्रक्रिया में निम्नलिखित चरण होते हैं:

1. मैं HTML लिखता हूं (मेरे मन में इसके लिए CSS के बारे में सोचता हूं)
2. सभी HTML को CSS फ़ाइल में लिखे से कॉपी करें
3. सीएसएस शैलियों लेखन

दूसरा बिंदु जिसे मैं बाहर करना चाहता हूं, क्योंकि यह यांत्रिक कार्य है। स्वचालित!

ऑनलाइन इसका उपयोग करने के अलावा, स्क्रिप्ट का उपयोग सीधे अपने पेज पर किया जा सकता है।

ऐसा करने के लिए, बस एक फ़ाइल कनेक्ट करें।

<script src="autoclasscss.js"></script> 

जब आप AutoclassCSS का एक उदाहरण बनाते हैं, तो आप तुरंत HTML पास कर सकते हैं।

 var autoclass = new Autoclasscss('<div class"block">...</div>'); 

या बाद में संसाधित HTML को सेट / बदल दें।

 var autoclass = new Autoclasscss(); autoclass.set('<div class"block">...</div>'); 

परिणामी स्ट्रिंग प्राप्त करने के लिए, बस प्राप्त विधि का उपयोग करें।

 var css = autoclass.get(); 

इसके अलावा, आप अंतिम परिणाम की उपस्थिति को अनुकूलित कर सकते हैं। इसके लिए कई तरीके प्रदान किए जाते हैं।

 autoclass .brace('newline') //    ,   —     .flat(true) //   ,       .ignore(['class1', 'class2']) //    .indent('tabs') //   ,   —   .inner(false) //       .line(true) //     .tag(true); //   

सभी विधियों को आसानी से जंजीरों में लिखा गया है, और अधिक विस्तृत प्रलेखन JSDoc के आधार पर संकलित किया गया है ।