सीएसएस प्रारूपण उपकरण

क्या आपको अपना सीएसएस कोड पसंद है जिस तरह से मैं इसे प्यार करता हूं? यदि ऐसा है, तो कोई भी संदेह यह सुनिश्चित करने का प्रयास नहीं करता है कि वह न केवल व्यवहार करता है और अच्छा महसूस करता है, बल्कि अच्छा भी दिखता है।

आशा है कि नीचे वर्णित उपकरण आपके कोड को आदर्श के करीब लाने में मदद करते हैं।

1. स्टाइलिनेट

संभवतः समीक्षा में प्रस्तुत सबसे आसान सेवा।

उपकरण की विशेषताएं कई नहीं हैं:

• वर्णों को वर्णानुक्रम में क्रमबद्ध करें
• चयनकर्ताओं को वर्णानुक्रम में क्रमबद्ध करना (यदि "सुरक्षित आयोजन" चेकबॉक्स की जाँच की गई है - यह विकल्प उपलब्ध नहीं है)
• स्वरूपण शैली चुनने की क्षमता: बहु-पंक्ति या एकल पंक्ति
• मुख्य फाइल के आयात से जुड़ी सीएसएस फाइलों को खींचने में सक्षम और उन्हें बेरहमी से संसाधित करना
• आप का उपयोग कर प्रसंस्करण के लिए कोड पारित कर सकते हैं: एक पाठ क्षेत्र, एक फ़ाइल अपलोड करने या सीएसएस को एक लिंक प्रदान करना
• आप सीएसएस के रूप में परिणाम चुन सकते हैं या एक फ़ाइल अपलोड कर सकते हैं।

2. फॉर्मसीएसएस

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

आप बहुत कुछ कॉन्फ़िगर कर सकते हैं:

• स्थान / टैब / नई लाइनों की व्यवस्था,
• छँटाई गुण और चयनकर्ता नाम,
• संपत्ति के नाम और चयनकर्ताओं का निचले मामले में रूपांतरण, आदि।

मुझे इस सेवा के बारे में विशेष रूप से क्या पसंद है: उप-नियमों के "नियम" को प्रारूपित करने की क्षमता (मुझे लगता है कि यह शैलियों को व्यवस्थित करने का एक बहुत ही सुविधाजनक तरीका है)।

3. CleanCSS

एक काफी शक्तिशाली उपकरण जो हमें कई सुविधाएँ प्रदान करता है:

• आप सीएसएस को "सीएसएस-कोड" फ़ील्ड में पेस्ट कर सकते हैं या स्टाइल फ़ाइल के लिंक के रूप में
• आप परिणाम को पाठ या फ़ाइल के रूप में प्राप्त कर सकते हैं
• चुनने के लिए 4 प्रकार के स्रोत स्वरूपण हैं: कोड को सबसे छोटे आकार के लिए अनुकूलित किया जा सकता है या, इसके अलावा, बेहतर पठनीयता के लिए। फ़ॉर्मेटिंग टेम्प्लेट को "कस्टम टेम्पलेट" फ़ील्ड में सेट करना संभव है
• नियमों को संयोजित करने में सक्षम, संपत्ति के रिकॉर्ड को छोटा करें
• यदि आवश्यक हो, तो टिप्पणियों और अमान्य परिभाषाओं को हटा दें।
• ऊपर वर्णित सेवाओं की तरह, यह ख़ुशी से वह सब कुछ छाँटेगा जो आप वर्णानुक्रम में पसंद करते हैं और इसे निचले / ऊपरी मामले में परिवर्तित करते हैं

वैसे, इस सेवा का आधार " CSSTidy " इंजन है - एक खुला स्रोत CSS पार्सर / अनुकूलक। तो, हर कोई लाठी और स्विच के साथ स्वतंत्र रूप से अपने स्वयं के सौंदर्य के आधार पर चित्रित कर सकता है।

UPD> टिप्पणियों में इस सेवा के जुड़वा के लिए एक लिंक दिया गया है: CodeBeautifier । फ़ंक्शंस का सेट CleanCSS के समान है (सेवा CSSTidy पर भी चलती है)।

4. प्रोसीजर

मेरी परिष्कृत राय में - इस समीक्षा में प्रस्तुत सबसे सुविधाजनक।

सेवा एक सुखद इंटरफ़ेस और बहुत स्पष्ट टूलटिप्स के साथ उपयोगकर्ता को बधाई देती है जो आपको सेटिंग्स को जल्दी से समझने की अनुमति देती है।

किसी भी स्वाभिमानी कसाई की तरह, ProCSSor इनपुट फ़ील्ड में हमसे एक फ़ाइल या लिंक के रूप में कोड स्वीकार करेगा। यह ब्राउज़र को परिणाम देगा और फ़ाइल को डाउनलोड करने के लिए एक लिंक प्रदर्शित करेगा।

लगभग किसी भी उपयोगकर्ता को खुश करने के लिए उपकरण की सेटिंग्स काफी पर्याप्त हैं, उन्हें सूचीबद्ध करने से बहुत मतलब नहीं है - तुरंत प्रयास करना बेहतर है।

सेवा की एक अच्छी विशेषता आपकी सेटिंग्स को बचाने की क्षमता है ताकि अगली बार जब आप सेटिंग्स चरण को छोड़ सकें और तुरंत एननोबल प्रक्रिया में जा सकें।

एक और आकर्षण - ProCSSor एक एपीआई प्रदान करता है , प्रलेखन यहां पाया जा सकता है: http://procssor.com/apidoc.pdf ।

5. सीस्कॉम्ब

हमारे हमवतन की परियोजना, हैब्रूसर मिरिपिरुनी । CSScomb दिए गए क्रम में CSS संपत्तियों को फिर से छांटने का एक उपकरण है , इस पृष्ठ पर सुविधाओं के बारे में अधिक जानकारी प्राप्त की जा सकती है।

सुविधाओं से:

• संपादकों TextMate, कोडा, वेबस्टॉर्म और IntelliJIDEA के लिए प्लगइन्स हैं;
• अपनी स्वयं की सेटिंग को सेट करना और सहेजना संभव है

लेखक निकट भविष्य में महान सेवा अपडेट का वादा करता है और चैनल @csscomb का अनुसरण करता है