2010-05-25 16 views
7

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

किसी कारण से, मुझे बैकएंड कोड के साथ समान कठिनाई का सामना नहीं करना पड़ता है। एक सुविधा कैसे काम करती है, और नियंत्रक और मॉडल कोड का त्वरित निरीक्षण करने के तुरंत बाद, मैं वास्तुकला के साथ सहज महसूस करूंगा। मैं सोचूंगा, "यह मानना ​​उचित है कि एक कर्मचारी वर्ग होगा जो एक व्यक्ति नियंत्रक द्वारा उपयोग की जाने वाली व्यक्ति वर्ग से प्राप्त होता है"। अगर मुझे असुविधाजनक विवरण मिलते हैं जो समग्र वास्तुकला शैली के अनुरूप नहीं हैं, तो मुझे पूरा भरोसा है कि मैं चीज़ों को वापस जगह पर हथियार डाल सकता हूं।

किसी और के सीएसएस काम के साथ, यह मुझे विभिन्न वर्गों के बीच "रिश्ते" को देखने के लिए बहुत कठिन है, और कब और कैसे कक्षाएं किया जाता है। जब कई विरासत नियम होते हैं, तो मैं अभिभूत महसूस करता हूं।

मुझे अपने प्रश्न और मुद्दों को व्यक्त करने में परेशानी हो रही है ... मैं जानना चाहता हूं कि किसी और के व्यावसायिक तर्क स्तर की तुलना में किसी और के सीएसएस आर्किटेक्चर में बड़ी तस्वीर देखने के लिए मेरे लिए इतना कठिन क्यों है ?

** यह सीएसएस एक अपेक्षाकृत नई तकनीक होने के साथ करने के लिए कोई बात है, और वहाँ कई लोकप्रिय डिजाइन पैटर्न नहीं हैं?

+1

बिल्कुल कोई जवाब नहीं है, लेकिन सीएसएस भाषा के साथ इसे और अधिक करना है, इससे लोगों की संरचना कैसे होती है। प्रोग्रामिंग भाषाओं की तुलना में बड़े पैमाने पर सीएसएस को व्यवस्थित करना वाकई मुश्किल है। –

उत्तर

3

मैं कहना चाहता हूँ कि आम तौर पर बोल रहा है, वहाँ है जिस तरह से सबसे devs सीएसएस लिखने (कम से कम मेरे अनुभव में) करने के लिए कोई "वास्तुकला"। ज्यादातर लोग नियमों की आवश्यकता के रूप में सीएसएस का विकास करते हैं - आमतौर पर कोड आर्किटेक्चर की तरह पहले से योजनाबद्ध नहीं है। अक्सर लोग टिप्पणी ब्लॉक के साथ समूह से संबंधित नियम, या शायद अलग स्टाइलशीट में, लेकिन वास्तव में पालन करने के लिए कई स्थापित पैटर्न नहीं हैं।

आपका सबसे अच्छा शर्त है कि आप नेत्रहीन अपने चादर में निर्धारित नियमों के पदानुक्रम ब्राउज़ कर सकते हैं एक अच्छा सीएसएस संपादक का उपयोग करने के लिए है।

+0

* खांसी * [सीएसएसईडीआईटी] (http://macrabbit.com/cssedit/) * खांसी * – mVChr

+0

@ मिहर, हाँ, यह मैक पर होने पर अच्छा है। मैं खुद एक संपादक का उपयोग नहीं करता, इसलिए एक की सिफारिश करने की स्थिति में नहीं हूं। लेकिन अगर मुझे किसी और के सीएसएस को समझने की ज़रूरत है, तो शायद मैं CSSEdit का उपयोग करूंगा। –

0

सबसे पहले, यह harder to read code that it is to write code.

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

1

मुझे लगता है कि कई बार लोग पूरी तस्वीर की अवधारणा के बिना सीएसएस को एक साथ हैक करते हैं। कई बार वे चीजों को जोड़ते हैं क्योंकि वे किसी भी "सम्मेलन" के संबंध में चीजों को कम करते हुए चीजों को बिछा रहे हैं जो कि उनके दिमाग में सीधे ताजा नहीं हैं, जिससे सभी तरह के नामकरण अनावश्यकता और विसंगतियों का कारण बनता है।

मुझे नहीं लगता कि इसकी इतना है कि सीएसएस नया है के रूप में यह है कि सीएसएस अक्सर डिजाइनरों और अक्सर कई बार वे वास्तुकला लगता है कि जब कुछ डिजाइनिंग न के दायरे है - सब कुछ कुछ हद तक सहारा है।

मैं जानता हूँ कि जब मैं एक का नेतृत्व कर रहा हूँ मैं पहले काम मैं कर के रूप में वर्ग नामकरण और संगठन के लिए सम्मेलनों का औपचारिक सेट की स्थापना और उसके बाद सामने के छोर underlings करने के लिए यह हथौड़ा :-)

0

संभवत क्योंकि सीएसएस वास्तुकला लेकिन प्रस्तुति नहीं है। वास्तुकला HTML के साथ बनाया गया है। यह HTML है जो आपको तत्व के लिए ले जाता है।

+0

लेकिन सीएसएस के लिए एक आर्किटेक्चर है यदि आप एक - एक वर्ग नामकरण सम्मेलन जिसमें प्रासंगिकता है। Jquery-ui clas नामकरण या drupal के जेन थीम वर्ग/आईडी देखें। – prodigitalson

+0

एक नामकरण सम्मेलन, या लेआउट, HTML दस्तावेज़ की संरचना को निर्देशित नहीं करता है और नहीं कर सकता है। – Rob

+0

कोई भी यह नहीं कह रहा था कि यह HTML की संरचना को निर्देशित करता है। हम आपके सीएसएस में एक वास्तुकला है - या होना चाहिए। यह कैस्केड के उपयोग को प्रोत्साहित करता है और उनके संरचनात्मक काउंटर भागों के संदर्भ में दृश्य शैलियों को अलग करने में मदद करता है। – prodigitalson

0

डेवलपर्स सुनिश्चित करें कि डिजाइन सभी ब्राउज़रों भर में लगातार लग रहे बनाने के लिए जबरदस्त दबाव के माध्यम से जाना है, और इसलिए वे हैकिंग शुरू जो केवल सीएसएस कठिन बना देता है को बनाए रखने और समझने के लिए। इस तरह के पालन करने के लिए हमेशा अच्छे अभ्यास होते हैं:

  • रीसेट का उपयोग करें।
  • टिप्पणी सीएसएस।
  • पहिया की खोज के बिना मौजूदा सीएसएस चौखटे का प्रयोग करें।
  • जहां भी संभव हो ऑब्जेक्ट उन्मुख डिजाइन का उपयोग करें।

यदि आप इन प्रथाओं का पालन करते हैं, तो कोई भी फायरबग का उपयोग करके सीएसएस का पालन करने में सक्षम होगा।

0

हाँ .. सबसे बड़ी समस्या यह है कि सीएसएस किसी भी लोकप्रिय डिजाइन पैटर्न नहीं है। यह

  • फ़ायरबग के माध्यम से हर तत्व का निरीक्षण अन्य लोगों के सीएसएस तोड़ने का मेरा तरीका है
  • रैपर
  • खोजने के लिए के बाद से सीएसएस हमेशा अनुक्रमिक जानने जो तत्व विरासत में क्या से विशेषता कोशिश है की कोशिश जो

जब मैं इस दिनचर्या के साथ किया जाता हूं, तो मुझे आमतौर पर उनके पूर्ण डिजाइन दृष्टिकोण का लटका मिलता है।

संपादित करें:
और सबसे महत्वपूर्ण बात यह है कि यदि आप ग्लिच स्पॉट करते हैं तो पहले से ही लिखित सीएसएस को सही करने के लिए कभी भी ध्यान न दें। यह आपको बहुत सी सिरदर्द बचाएगा। अगर गड़बड़ बहुत खराब है तो बस आगे बढ़ें और कामकाज ढूंढें।

0

मैं एक ही समस्या के साथ संघर्ष, और लगता है कि यह उपयोगी है जब किसी और के सीएसएस के माध्यम से अपने रास्ते काम कर समस्या को विभाजित करने के लिए, तीन चिंताओं पर ध्यान केंद्रित: display: की तरह बड़ी संरचना बातों के लिए

  • लेआउट , position:, और float:, या कोई अन्य सीएसएस जो इस बारे में है कि पृष्ठ को पाठ्यक्रम स्तर पर कैसे संरचित किया जाता है।
  • रंग सजावट के बारे में है। पृष्ठभूमि छवियों और रंगों और ऐसे।
  • टाइपोग्राफी सभी पाठ के बारे में है।

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

कैसे मार्जिन और गद्दी (और कभी कभी सीमाओं) उपयोग किया जाता है में लेआउट और टाइपोग्राफी के बीच ओवरलैप के एक सा नहीं हो सकता है। आपको मामले-दर-मामले के आधार पर इसे काम करने की आवश्यकता होगी।

दिलचस्प बात यह है कि अधिकांश "हैक्स" (आमतौर पर आईई के लिए वर्कअराउंड) लेआउट श्रेणी में पड़ते हैं, हालांकि आप एक स्थिर बेस फ़ॉन्ट आकार प्राप्त करने में शामिल एक टाइपोग्राफी हैक में भाग सकते हैं।

संबंधित मुद्दे