11 शीर्ष सीएसएस संपादकों - समीक्षित
1. स्टाइलर
संगतता: विंडोजउल्लेखनीय विशेषता: कोड ग्रिड, आकार पकड़ती, बुल्सआई, दो-क्लिक रंग
स्टाइलर एक बिल्कुल अनोखा सीएसएस संपादक है जो ध्यान केंद्रित करता है वास्तविक समय सीएसएस संपादन. आप इसके अंतर्निहित ब्राउज़र में एक वेब पता दर्ज कर सकते हैं जो फ़ायरफ़ॉक्स 3.5 और IE7 की शैली परिभाषा का समर्थन करता है, और इसके सभी संबंधित सीएसएस नियम आपके परिचित बिंदु और क्लिक इंटरफेस के साथ संपादित करने के लिए लोड किए जाएंगे।.
संपादक के साथ आता है कोड ग्रिड ऐसी सुविधा जो आपके सीएसएस संपादन को अधिक सुविधाजनक बनाती है क्योंकि आप मूल्य बदलने के तुरंत बाद परिणाम देख सकते हैं। इसके डायग्नोस्टिक के साथ भी बुल्सआई सुविधा, आप साइट के कुछ भाग में संबंधित तत्वों को देख सकते हैं और इसे बिंदुओं और क्लिकों के साथ संपादित कर सकते हैं। जैसे अन्य सुविधाएँ आकार पकड़ती है आपको सीएसएस तत्व की स्थिति को नेत्रहीन रूप से समायोजित करने की अनुमति देता है, और साथ दो-क्लिक रंग आपके द्वारा किसी भी रंग का चयन करने के लिए आपको एक फ़ोटोशॉप-जैसे रंग बीनने वाला फ़ीचर प्रदान किया जाता है, आइए हम बताते हैं, आपकी साइट का फ़ॉन्ट। ओह, क्या मैंने उल्लेख किया है कि ये सभी संपादन वास्तविक समय में किए जाते हैं, तुरंत देखने योग्य परिणाम?
साथ में Stylizer यह सीएसएस गलती करना केवल असंभव है क्योंकि यह आपको किसी भी मूल्य को रखने के लिए प्रतिबंधित करेगा जो संगत सीएसएस संपत्ति के साथ संगत नहीं है। हालाँकि, सॉफ़्टवेयर कभी-कभी महत्वपूर्ण त्रुटि के कारण कुछ CSS फ़ाइल लोड करने में विफल हो जाता है.
Stylizer बेसिक और अल्टीमेट वर्जन के साथ आता है। जबकि मूल संस्करण पूरी तरह से मुक्त है, अंतिम संस्करण स्थापना के 14 दिनों के लिए आपके लिए उपलब्ध है, फिर यह बुल्सआई जैसी उन्नत सुविधाओं का उपयोग करना जारी रखने के लिए आपको $ 85 प्रदान करता है।.
2. टॉपसाइल
संगतता: विंडोजउल्लेखनीय विशेषता: स्टाइल इंस्पेक्टर, स्टाइल स्वीपर, सीएसएस टिड्डी
TopStyle CSS संपादक आपको पहली बार कॉन्फ़िगरेशन द्वारा विस्मित करना शुरू कर देता है, जब आप एक ऐसी शैली परिभाषा चुन सकते हैं, जो फ़ायरफ़ॉक्स, इंटरनेट एक्सप्लोरर, सफारी, या यहां तक कि iPhone OS 2.0 द्वारा समर्थित केवल गुणों और मूल्यों को दिखाती है, जो क्रॉस-प्लेटफॉर्म के लिए व्यावहारिक रूप से उपयोगी है वेब डिजाइनर.
सभी सुविधाओं के बीच मैंने पाया स्टाइल इंस्पेक्टर यह विशेष रूप से उपयोगी है, क्योंकि यह एक पैनल के रूप में काम करता है जिससे आप सरल बिंदु और क्लिक इंटरफ़ेस के साथ किसी भी सीएसएस संपत्ति को शामिल कर सकते हैं। जब आप अपने इच्छित सभी सीएसएस गुण चुनना समाप्त कर देते हैं, तो आपके समय को दोहराव और थका देने वाले कोडिंग से बचाने के लिए स्रोत कोड स्वतः उत्पन्न हो जाएगा.
एक और अच्छी चीज के बारे में शीर्ष शैली क्या यह अपने स्टाइल इंस्पेक्टर के नीचे ब्राउज़र अनुकूलता दिखाता है, जिसे आप या तो देख सकते हैं कि सीएसएस संपत्ति पूरी तरह से इंटरनेट एक्सप्लोरर 7 जैसे वेब ब्राउज़र के कुछ संस्करण द्वारा समर्थित है, या यह बहुत छोटी गाड़ी है.
संपादक सीमित सुविधा के साथ एक परीक्षण संस्करण के रूप में आता है, और आप इसकी पूरी क्षमता को $ 79.95 तक अनलॉक कर सकते हैं.
3. स्टाइल मास्टर
संगतता: विंडोज, मैक ओएस एक्सउल्लेखनीय विशेषता: स्टाइल्सशीट टेम्पलेट
खुद को एक मास्टर के रूप में दावा किया, स्टाइल मास्टर ने किसी भी स्तर की विशेषज्ञता के लिए सीएसएस संपादन वातावरण बनाने के लिए बहुत अच्छा किया। सॉफ्टवेयर न केवल WYSIWYG संपादक प्रदान करता है जो सीएसएस शुरुआत के लिए वर्कफ़्लो को सुचारू करता है, बल्कि आपको संदर्भित करने के लिए विशेषज्ञ के लिए प्रत्येक सीएसएस संपत्ति के बारे में बहुत विस्तृत जानकारी तक पहुंच प्रदान करता है। आप या तो श्रेणी या वर्णमाला के क्रम से CSS गुणों को ब्राउज़ और चुन सकते हैं.
शायद सबसे अनोखी बात यह है कि संपादक के पास खुद के साथ शुरू करने के लिए लगभग 20 उपयोगी स्टाइलशीट टेम्प्लेट हैं, और स्टाइल मास्टर के लिए बहुत साफ, अच्छी तरह से व्यवस्थित और पेशेवर सीएसएस नियमों को उसके अंतर्निहित टेम्पलेट में परिभाषित करने के लिए आश्चर्य की बात नहीं है।.
आप 30 दिनों के लिए पूरी तरह से चित्रित सॉफ्टवेयर का आनंद ले सकते हैं, और अपनी पूरी क्षमता को फिर से खोलने के लिए शिक्षा लाइसेंस के लिए $ 59.99 या $ 29.99 का भुगतान कर सकते हैं।.
4. जाइल स्कोप
संगतता: मैकउल्लेखनीय विशेषता: चयन मोड, स्मार्ट समूह, पाठ संपादक एकीकरण
जाइल स्कोप ए है मैक के लिए मुफ्त सीएसएस संपादक होना चाहिए, जैसा कि यह वास्तव में एक पेशेवर सीएसएस संपादक है जो आपको वेबसाइट को सर्फ करने की अनुमति देता है जबकि संपादक के अंदर सीधे अपने सीएसएस को ठीक करता है.
जाइल का ब्राउज़र सामान्य ब्राउज़र मोड और चयन मोड के साथ आता है जो फ़ायरफ़ॉक्स प्लगइन, फ़ायरबग की तरह ही समान काम करता है, जो सीएसएस स्रोत को देखने और संपादन प्रदान करता है, सिवाय इसके कि संपादक आपको अपने मूल स्थान में संशोधित सीएसएस मूल्यों को बचाने की अनुमति देता है।.
का उपयोग करते हुए 'स्मार्ट ग्रुप'सुविधा, आप सभी नियमों को फ़िल्टर करने में सक्षम हैं जिस तरह से लिंक दिखाए गए हैं या लेआउट के लिए ज़िम्मेदार हैं, तो आप इसके अंतर्निहित खोज फ़ंक्शन के साथ परिणाम को कम कर सकते हैं, कोई और परीक्षण-और-त्रुटि विधि नहीं।!
जाइल स्कोप अधिक सुविधाजनक और ऊर्जा-बचत कोडिंग कार्य के लिए BBEdit जैसे बाहरी पाठ संपादकों के साथ एकीकरण की भी पेशकश करें, बस एक बदलाव करें और या तो टेक्स्ट एडिटर या जाइल स्कोप आपके लिए सभी परिवर्तनों को स्वचालित रूप से अपडेट कर देगा।.
5. रैपिड सीएसएस
संगतता: विंडोजउल्लेखनीय विशेषता: सिंटेक्स हाइलाइटर, कोड कम्पलीशन, सीएसएस फॉर्मेटिंग
रैपिड सीएसएस अधिक आरामदायक, सुविधाजनक और जटिल सीएसएस संपादन का रास्ता है। इसका अपना पूरी तरह से अनुकूलन पाठ संपादक है जिसमें सिंटैक्स हाइलाइटिंग, कोड पूरा करने और दर्द रहित कोडिंग अनुभव के लिए अंतर्निहित सीएसएस संदर्भ जैसी उपयोगी विशेषताएं हैं.
अपने सीएसएस की सफाई के बारे में परवाह करते हुए, आप अपनी सीएसएस स्टाइलशीट को प्रारूपित कर सकते हैं, जैसे सीएसएस प्रकार द्वारा उन्हें पुनर्व्यवस्थित करना या स्टाइलशीट को अधिक आरामदायक और मीठा बनाने के लिए शॉर्टहैंड गुण बनाना। अंतर्निहित कोड सत्यापनकर्ता आपकी स्टाइलशीट को न केवल साफ, बल्कि वैध भी सुनिश्चित करता है.
संपादक 30 दिनों के मूल्यांकन के साथ 30 उपयोगों के साथ आता है, आप $ 29.85 तक पूर्ण संस्करण के लिए जा सकते हैं.
6. स्टाइल स्टूडियो
संगतता: विंडोजउल्लेखनीय विशेषता: सीएसएस विजार्ड, इंटेलीसेल्टी
स्टाइल स्टूडियो की मुख्य सुंदरता इसकी सीएसएस विज़ार्ड सुविधा के भीतर है, जो आपको कुछ बिंदुओं और क्लिकों के साथ तत्काल सीएसएस प्रभाव प्रदान करने के लिए काम करती है.
उदाहरण के लिए, आप फ़ॉन्ट विज़ार्ड का चयन कर सकते हैं, फिर एक फ़ॉन्ट परिवार चुन सकते हैं और इसके लिए एक फ़ॉन्ट आकार सेट कर सकते हैं, फिर फ़ॉन्ट शैली, वजन, भिन्न ... और बूम! नियमों को पूरी तरह से मान्य सीएसएस कोड के रूप में स्टाइलशीट में डाला जाता है.
विजार्ड फीचर में रंग, बॉर्डर, टेक्स्ट, पोजिशनिंग, वर्गीकरण और अंत में फिल्टर नियम शामिल हैं, बस लगभग सब कुछ आप सीएसएस के बारे में सोच सकते हैं। ये जादूगर बहुत उपयोगी होते हैं क्योंकि आपको कुछ जटिल सीएसएस प्रभाव को प्राप्त करने के लिए बार-बार टाइप करने की आवश्यकता नहीं होती है। एक अन्य महान विशेषता IntelliStyle है, जो आपके डिजाइन उद्देश्य के लिए कुछ सीएसएस गुणों को चुनने के लिए कोड पूरा करने जैसे कार्य करता है.
इस संपादक का नकारात्मक पहलू इसकी पुरानी ब्राउज़र की शैली परिभाषा समर्थन होगा, क्योंकि यह केवल IE6 तक ही समर्थन करता है और, ठीक है, कोई फ़ायरफ़ॉक्स नहीं.
आपको सॉफ़्टवेयर का आनंद लेने के लिए 30 दिन का समय दिया गया है और इसे खरीदने के लिए $ 49.99 की आवश्यकता है.
7. CSSEdit
संगतता: मैकउल्लेखनीय विशेषता: एक्स-रे इंस्पेक्टर, विजुअल एडिटर, चयनकर्ता बिल्डर
एक सुंदर, नवीन और तेज़ ऐप के साथ सुंदर, अभिनव और तेज़-लोडिंग वेब साइटों को डिज़ाइन करें, जो कि CSSEdit द्वारा किया गया हो MacRabbit. चयनकर्ता बिल्डर जैसी सुविधाओं से लेकर बुद्धिमान स्रोत के वातावरण तक, CSSEdit को किसी भी स्तर की विशेषज्ञता के लिए डिज़ाइन किया गया है.
इस तरह के अत्यधिक पॉलिश किए गए संपादक के साथ, आपको अपने सीएसएस स्टाइलशीट में परिवर्तन देखने की उम्मीद है, जो अपलोड-ताज़ा कार्रवाई को थकाए बिना, वास्तविक समय में दिखाई देते हैं। साइट के विशिष्ट भाग से सीएसएस कोड का निदान करने के लिए एक सुविधा के रूप में एक्स-रे निरीक्षक भी बनाया जाता है.
का अभिनव हिस्सा है CSSEdit शायद यही है चयनकर्ता बिल्डर इसकी मदद से आप अपनी सीएसएस शैली का वर्णन सादे अंग्रेजी के साथ कर सकते हैं, जो किसी विशेषज्ञ के लिए अधिक रुचि नहीं है, लेकिन पूर्ण शुरुआत के लिए उपयोगी है.
डेमो संस्करण आपको 2500 से कम वर्णों वाली फ़ाइल को सहेजने के लिए प्रतिबंधित करता है, जबकि आप सभी प्रतिबंध को मिटाने के लिए $ 39.95 का भुगतान कर सकते हैं.
8. संलग्न सीएसएस संपादक
संगतता: विंडोजउल्लेखनीय विशेषता: माप उपकरण पूर्वावलोकन मोड में
यदि आप एक गंभीर डिज़ाइनर हैं, जो सही CSS विनिर्देश, सही CSS प्लेसमेंट, या आपकी CSS स्टाइलशीट की पूरी तरह से परवाह करता है, तो पूरी तरह से मान्य होना चाहिए, तो EngInSite CSS संपादक आपका पसंदीदा संपादक हो सकता है.
इस एडिटर में, आप अपने बिल्ट-इन इंस्पेक्टर की मदद से क्लास, आईडी और एलिमेंट सिलेक्टर को जोड़ सकते हैं, साथ ही आप रंग को हेक्स या आरजीबी वैल्यू में भी बदल सकते हैं, जो सीएसएस एडिटर के लिए बहुत ही दुर्लभ फीचर है। आप माप उपकरणों के साथ पूर्वावलोकन पैनल में अपने परिणाम का निरीक्षण कर सकते हैं ताकि यह सुनिश्चित हो सके कि आपका हर डिजाइन तत्व सही स्थिति पर है.
संपादक भी कोड पूरा करने के साथ आते हैं, लेकिन यह थोड़ा छोटा है, इसलिए मैं इसे सेमी कोड पूरा होने के लिए कहूंगा। अन्यथा संपूर्ण संपादक का उपयोग करना अच्छा है, सिवाय इस तथ्य के कि संपादक ब्राउज़र की शैली के डिफेंस सपोर्ट के लिए काफी पुराना है, क्योंकि यह केवल IE6 की शैली परिभाषा का समर्थन करता है।.
9. स्टाइल्सशीट निर्माता
संगतता: विंडोजउल्लेखनीय विशेषता: सीएसएस टैग
स्टाइलशीट निर्माता अभी तक एक और मानक सीएसएस संपादक है जो फ़ाइल एक्सप्लोरर पैनल, और फ़ॉन्ट, रंग, मार्जिन, सीमा, आदि की स्थापना में मदद करने के लिए कुछ उपयोगी सीएसएस उपकरण के साथ एक साफ कोडिंग सतह प्रदान करता है।.
कई सीएसएस संपादकों की तुलना में तीव्र सीएसएस या स्टाइल स्टूडियो, निर्माता के पास कम साफ सुथरा इंटरफ़ेस है, और यह कुछ शुरुआती लोगों के लिए अच्छा है जो चीजों को जटिल नहीं करना चाहते हैं, या सीएसएस निंजा जो हर चीज को कम से कम और आरामदायक चाहते हैं.
यद्यपि यह संपादक मध्यवर्ती उपयोगकर्ता के लिए डिज़ाइन किया गया है, लेकिन इसकी सीएसएस टैग सुविधा आपको क्लिक द्वारा टैग के साथ सीएसएस नियम बनाने में मदद कर सकती है.
इस संपादक की कीमत $ 34 है, या आप इसे अन्य CoffeeCup सॉफ़्टवेयर के साथ बंडल खरीद के रूप में खरीद सकते हैं.
10. अरडू सीएसएस
संगतता: विंडोजउल्लेखनीय विशेषता: नोड, CSSTidy
Arduo CSS एक नया जन्म लेने वाला CSS संपादक है, जिसका उद्देश्य आपको इसके सहज और आसान इंटरफ़ेस का उपयोग करना है। इसके स्वच्छ इंटरफ़ेस और सिंटैक्स हाइलाइटिंग के साथ, आपको बहुत अधिक परेशानी और रुकावट के बिना CSS फ़ाइल बनाने और संपादित करने की गारंटी है। इसके अलावा आप सीएसएस नियमों को बिंदुओं और क्लिकों से परिभाषित करने के लिए इसके 'नोड' फीचर का उपयोग कर सकते हैं.
उन लोगों के लिए जो आपकी स्टाइलशीट को बहुत अधिक पसंद करते हैं, संपादक से CSSTidy टूल स्टाइलशीट को ऑप्टिमाइज़ करने और सभी अनावश्यक कोड मिटा देने में आपकी मदद कर सकते हैं.
संपादक स्वतंत्र रूप से अपनी आधिकारिक साइट पर उपलब्ध है.
11. सरल सीएसएस
संगतता: विंडोज, मैक ओएस एक्सउल्लेखनीय विशेषता: CSS फ़ाइल आयात, प्वाइंट-एंड-क्लिक इंटरफ़ेस, अतिरिक्त फ़ॉन्ट डेटाबेस
बस इसके नाम के रूप में, सरल सीएसएस में वह सब कुछ है जो एक डिजाइनर को सरल सीएसएस संपादन के लिए चाहिए। आप संपादक में CSS फ़ाइल आयात कर सकते हैं और इसे कुछ क्लिकों के साथ संशोधित कर सकते हैं, इसके पूर्वावलोकन पैनल में परिणाम देख सकते हैं और स्रोत कोड को दूर ले जा सकते हैं.
यद्यपि आप संपादक में लगभग हर सीएसएस फ़ाइल आयात कर सकते हैं, आप एक क्लिक के साथ एक बार में केवल 1 सीएसएस नियम देख सकते हैं, और कभी-कभी आपके आयात में कोई @rules समर्थन की तरह इसकी सीमा के कारण त्रुटि हो सकती है। साथ ही संपादक स्वयं इतना लचीला नहीं है, जैसे आप केवल z- इंडेक्स संपत्ति के लिए 'ऑटो' या 'इनहेरिट' का चयन कर सकते हैं, लेकिन सीधे संपत्ति को एक मूल्य नहीं देते हैं.
बहरहाल, यह डिज़ाइनर के लिए मुफ़्त है और बहुत ही आसान है, जिसे जल्दी ठीक करने की ज़रूरत है.
बोनस: अधिक संपादकों और उपकरण
हालांकि वे बिल्कुल सीएसएस संपादक नहीं हैं, ये निम्नलिखित उपकरण कुछ ऐसे हैं जो आप चाहते हैं कि जब यह सीएसएस संपादन की बात हो.
Firebug
सबसे लोकप्रिय और शक्तिशाली वेब विकास उपकरण जो HTML का निरीक्षण करता है, सीएसएस शैली को संशोधित करता है और वास्तविक समय में बदलाव देखता है, जो कि प्लगइन के रूप में फ़ायरफ़ॉक्स ब्राउज़र के लिए उपलब्ध है.
सीएसएस उपयोग
फायरबग के लिए एक एक्सटेंशन जो आपको अपनी साइट के कई पृष्ठों को स्कैन करने की अनुमति देता है, यह देखने के लिए कि आपकी साइट में सीएसएस के नियमों का वास्तव में उपयोग किया जाता है.
वेब डेवलपर
आपके लिए फ़ायरफ़ॉक्स एक्सटेंशन सीएसएस स्रोतों जैसी बहुत सी शांत चीज़ों को करने या डिज़ाइन या विकास उपयोग के लिए कुछ सीएसएस स्टाइलशीट को अक्षम करने के लिए है.
नोटपैड++
एक मुफ्त स्रोत कोड संपादक और नोटपैड प्रतिस्थापन जो सीएसएस सहित कई भाषाओं का समर्थन करता है। आपके सीएसएस डिजाइन के निर्माण में मदद करने के लिए फंक्शन कम्प्लीशन जैसी विशेषताएं हैं.
कोडा
अंतर्निहित सीएसएस संपादक के साथ एक उन्नत पाठ संपादक जो आपको अधिक लचीले डिजाइनिंग अनुभव के लिए दो सीएसएस संपादन मोड प्रदान करता है, जिसमें किए गए परिवर्तनों के तुरंत बाद परिणाम देखने में सक्षम है।.
नेटबीन्स आईडीई
एक ओपन-सोर्स और पेशेवर इंटीग्रेटेड डेवलपमेंट एनवायरनमेंट जिसके कोड पूरा होने की सुविधा में सबसे पूर्ण सीएसएस संदर्भ है.
Aptana स्टूडियो
एक संपूर्ण वेब विकास वातावरण जो HTML, CSS और JavaScript के लिए शक्तिशाली संलेखन उपकरण जोड़ता है, वर्तमान में HTML5 और CSS3 तक का समर्थन करता है.
WebStorm
JetBrain की IDE जो CSS सहित सभी चीज़ों के लिए प्रासंगिक ऑटो पूर्णता को लागू करती है, साथ ही आप फ्लाई पर CSS समस्याओं के बारे में सूचित कर सकते हैं.