2008-09-22 10 views
24

रिफैक्टर करने में मदद करेगा, मैं कुछ सीएसएस के साथ काम कर रहा हूं जो कम से कम कहने के लिए खराब लिखे गए हैं। मैं एक डिजाइन/सीएसएस विशेषज्ञ नहीं हूं, लेकिन मैं कम से कम सी सीएसएस में समझता हूं। जबकि वीएस -2008 के अंदर बिल्टिन सीएसएस समर्थन पिछले संस्करणों में काफी सुधार हुआ है, फिर भी यह वही नहीं करता जो मैं ढूंढ रहा हूं।क्या कोई उपयोग है जो मुझे सीएसएस

मैं सोच रहा था कि अगर कोई अच्छा प्रोग्राम या उपयोगिता जानता है जो मुझे मेरे सीएसएस को दोबारा सुधारने और साफ करने में मदद करेगा, जैसे ReSharper सी # के साथ क्या करने की अनुमति देता है।

कुछ विशेषताएं है कि अच्छा होगा करने के लिए:

  • सीएसएस फ़ाइलों की जांच और फ़ॉन्ट शैली, रंग, आदि जैसे आम शैलियों को निकालने के लिए तरीके का निर्धारण ...
  • वी.एस. -2008 के लिए प्लगइन होगा बहुत बढ़िया!
  • मार्कअप फ़ाइलों की जांच करें और कक्षाओं और शैलियों के वर्तमान उपयोग में सुधार करने के लिए कुछ सुझाव दें।

उत्तर

20

Dust-Me Selectors Firefox extension वेबसाइट को स्कैन कर सकता है और आपको बता सकता है कि सीएसएस का क्या उपयोग किया जाता है और क्या नहीं है। अप्रयुक्त सीएसएस को हटाने से रिफैक्टरिंग में एक अच्छा पहला कदम है।

मुझे अक्सर पता चला है कि जब किसी अनुभाग से किसी अनुभाग को हटा दिया जाता है, तो HTML हटा दिया जाता है लेकिन सीएसएस नहीं होता है।

+0

यह बहुत अच्छा है, टिप लिआम के लिए धन्यवाद! – Josh

+0

यह ध्यान देने योग्य है कि डस्ट-मी * नहीं * समर्थन इनलाइन स्टाइलशीट की जांच करता है, केवल बाहरी वाले। –

+1

डाउनलोड पेज पर एक टिप्पणी है, जिसे मैं उद्धृत करता हूं; इसे शैक्षिक रूप से शैलियों को साफ करने के लिए एक उपकरण की आवश्यकता है ... http://jclaim.sourceforge.net इसे प्रारंभ करें, ... मेनू पर जाएं: सामान्य/हैंडी टूल्स/क्लीन सीएसएस ... इसे इस प्लग-इन से फ़ाइल फ़ीड करें और आपकी सीएसएस फ़ाइल और यह आपको एक स्वच्छ सीएसएस फ़ाइल दिखाएगी – Vihung

4

Firebug एक बहुत अच्छा फ़ायरफ़ॉक्स एक्सटेंशन है जो आपको यह जांचने की अनुमति देता है कि कौन सी सीएसएस घोषणाएं आपके दस्तावेज़ पेड़ में डीओएम तत्व सक्रिय हैं।

हालांकि यह सुधार के लिए कोई सुझाव नहीं देता है, लेकिन हाथ से सीएसएस कोड डीबगिंग/सरलीकृत करते समय यह एक बड़ी मदद है।

Web Developer एक्सटेंशन भी एक बड़ी मदद है।

+0

मेरे पास फ़ायरबग है और इसे काफी व्यापक रूप से उपयोग करें, लेकिन मुझे वास्तव में जो चाहिए वह कुछ ऐसा है जो मुझे बताएगा कि कौन सी शैलियों सिर्फ गूंगा हैं। उदाहरण के लिए प्रत्येक एकल वर्ग पर फ़ॉन्ट-शैली और रंग सेट करना। मुझे पता है कि यह गूंगा है, लेकिन मैं इस जानकारी को पाने के लिए एक तेज़ तरीका ढूंढ रहा हूं। – Josh

7

TopStyle लोकप्रिय है और हमेशा मैंने सुना है। इसमें शैलियों आदि पर सिफारिशें हैं

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

+0

मैंने टॉप स्टाइल का उपयोग किया है और मुझे लगता है कि यह बहुत अच्छा है - हालांकि ऐसा लगता है कि इन दिनों बहुत अधिक महंगा है। – Fenton

0

मुझे पसंद एक्सप्रेशन वेब के सीएसएस सुविधाओं है। लेकिन यह आपके सीएसएस को कम करने या एकीकृत करने के लिए बहुत कुछ नहीं करता है। आपको समझना होगा कि सीएसएस इसका उपयोग कैसे करता है।

0

फ़ायरफ़ॉक्स के लिए EditCSS अद्भुत है।

+0

दिलचस्प लग रहा है, लेकिन मैं इसके साथ क्या कर सकता हूं कि मैं फ़ायरबग – Josh

2

मुझे अतीत में Stylizer का उपयोग करके शुभकामनाएं मिली हैं। यह अच्छा है और केवल टॉपस्टाइल की 1/6 लागत है।

+0

के साथ नहीं कर सकता, यह सुनिश्चित नहीं है कि यह क्यों मतदान किया गया था ... वह प्रोग्राम बहुत बढ़िया दिखता है! – Josh

1

मैं वेस्टसीव के StyleMaster का उपयोग करता था, जो एक बहुत अच्छा सीएसएस संपादक/इंस्पेक्टर/डीबगर ऐप है। उपरोक्त फायरबग के साथ मिलें, और आप मदद नहीं कर सकते लेकिन अपने सीएसएस के शीर्ष पर बने रहें।

0

इस साइट में कम से कम सॉर्ट और अपने नियमों को कम करने के लिए मदद करता है: http://www.cleancss.com/
यह आप जहाँ आप होना चाहते हैं के लिए नहीं मिलता है, लेकिन यह एक अच्छा पहला कदम है।

3

वहाँ एक रूबी मणि Haml कि कहा जाता है एक निष्पादन css2sass कहा जाता है के साथ जहाज। वह निष्पादन योग्य सीएसएस को SASS में अनुवाद करता है, जो सीएसएस के शीर्ष पर एक धातुभाषा है जो इसे प्रतिबिंबित करने में आसान बनाता है (आपके चयनकर्ताओं के बीच संबंधों को बेहतर ढंग से दिखाकर)। एक नज़र रखना लायक हो सकता है।

1

Less for .NET के साथ खेलने के लिए मेरा प्रयास।

+0

पोस्ट किया गया लिंक थोड़ी देर के लिए मर चुका है, लेकिन जिथब प्रोजेक्ट को बनाए रखा जा रहा है: http://github.com/dotless/dotless/wiki – fordareh

1

मुझे थोड़ा देर हो सकती है लेकिन ReSharper 6 प्रारंभिक पहुंच पूर्वावलोकन (ईएपी) आपके लिए यह करता है!

एक सीएसएस फ़ाइल में, "#" दर्ज करने से आपकी परियोजना से प्रत्येक आईडी स्वत: पूर्ण हो जाएगी। एक अवधि के साथ ही "।" अपने सभी वर्गों को सूचीबद्ध करने के लिए।

सर्वश्रेष्ठ भाग: जब आप चयनकर्ता का नाम बदलते हैं तो यह परियोजना-व्यापी का नाम बदल देगा। यह सुखद नहीं होने पर, सीएसएस को बहुत तेज़ कर देता है।