CSS एक सामान्य स्टाइलिंग भाषा है और इसमें aural markup के लिए गुण भी शामिल हैं । जबकि यह कोई भी मुख्यधारा के ब्राउज़रों द्वारा लागू नहीं किया गया है, यह स्क्रीन पाठकों के लिए उपयोगी हो सकता है (लेकिन मुझे नहीं पता कि क्या कोई भी लागू होता है, यह देखते हुए कि कर्ण मार्कअप "जंगली में" आम नहीं है)।
मैं, एक देखने वाले व्यक्ति के रूप में, CSS को एक तंग फीडबैक लूप में लिखता हूं जहां मैं थोड़ा सीएसएस बदलता हूं और फिर देखता हूं कि पेज कैसे बदलता है। यदि यह प्रतिक्रिया संभव नहीं है या बहुत कठिन है, तो हमें डिजाइन सिद्धांतों पर वापस आना होगा, और आशा है कि वे सभी सही काम करेंगे।
जब हम पृष्ठ को ग्रिड के रूप में सोचते हैं तो आनुपातिक प्रबंधन करना आसान होता है। एक सामान्य विभाजन नेविगेशन और सुर्खियों के लिए शीर्ष पंक्ति और संबंधित सामग्री के लिए सही कॉलम का उपयोग करना है। बाएं स्तंभ का उपयोग मुख्य सामग्री के लिए किया जाता है, और दाएं स्तंभ के रूप में मोटे तौर पर दो से तीन गुना चौड़ा होता है। यह मोटे तौर पर स्टैक एक्सचेंज साइटों को कैसे प्रदान किया जाता है। सीएसएस में, इस के साथ लागू किया जा सकता display: table
है और के प्रदर्शन शैलियों से संबंधित table-row
और table-cell
, या नए flexbox मॉडल के साथ। सटीक अनुपात आश्चर्यजनक रूप से महत्वहीन हैं।
क्षैतिज रूप से केंद्रित होने पर एक पृष्ठ बेहतर दिखता है।
किसी को बहुत अधिक रंगों का उपयोग करने की आवश्यकता नहीं है: एक पृष्ठभूमि रंग है (आमतौर पर कुछ उज्ज्वल और असंतृप्त) और एक पाठ रंग (आमतौर पर कुछ अंधेरा और संतृप्त)। हम फुटनोट, बाइलाइन या अन्य विवरण जैसे पाठ पर जोर देने के विपरीत चमक को कम कर सकते हैं। HSV रंग मॉडल का उपयोग इसके लिए RGB से बहुत आसान होना चाहिए। कई रंग पट्टियाँ मौजूद हैं जिनका उपयोग किया जा सकता है यदि सादे ग्रे बहुत उबाऊ है। रंग का उपयोग किया जाना चाहिए, लेकिन संयम से।
फ़ॉन्ट आकार का उपयोग महत्व को इंगित करने के लिए भी किया जा सकता है - 2pt के चरण और 9pt से नीचे कभी नहीं समझदार लगता है। सामान्य पाठ के लिए, 14pt का फ़ॉन्ट आकार पार नहीं होना चाहिए। साथ में, फ़ॉन्ट आकार और पाठ के विपरीत, भाषण की मात्रा के समान हैं।
सीएसएस प्रदान करता है न केवल की तरह माप की पूर्ण इकाइयों px
या cm
बल्कि रिश्तेदार इकाइयों की तरह em
और जैसे कीवर्ड thin
या medium
। सापेक्ष माप और इन खोजशब्दों का उपयोग करना अक्सर आसान होता है।
पाठ की तुलना में कोई व्यापक नहीं होना चाहिए 40em
।
ब्राउज़र डिफ़ॉल्ट स्टाइलशीट के साथ आते हैं। वे सुंदर नहीं हैं, लेकिन आपको सब कुछ ओवरराइड नहीं करना है। एक साधारण वेबफ़ोन को चुनना और पाठ तत्वों के लिए अधिकतम चौड़ाई निर्धारित करना दो सबसे महत्वपूर्ण बातें हैं। डिफ़ॉल्ट शैलियों को काम करने के लिए शब्दार्थ HTML लिखना महत्वपूर्ण है।
इसके साथ, यह एक साधारण ब्लॉग या इस तरह की शैली के लिए संभव होना चाहिए। तथापि:
डिबगिंग कोड कठिन है, और भी अधिक यदि आप देख नहीं सकते कि आप क्या कर रहे हैं। मुझे अपनी पहली कोशिश में चीजें ठीक नहीं लगतीं। लेकिन जब चीजें “सही” दिखेंगी तो आपको कैसे पता चलेगा?
कुछ चीजों के लिए सटीक प्लेसमेंट की आवश्यकता होती है, जैसे पॉप-अप मेनू में।
छवियां और आइकन एक डिज़ाइन में बहुत गहराई जोड़ सकते हैं, लेकिन आपके लिए चुनना मुश्किल होगा।
CSS बॉक्स मॉडल भयानक और अक्सर आपके सिर में अनुकरण करने के लिए कठिन होता है।
मुझे लगता है कि आप सीएसएस का एक सा लिखने में सक्षम होंगे, लेकिन यह अविश्वसनीय रूप से निराशाजनक होगा। मुझे नहीं पता कि सहायक प्रौद्योगिकियां क्या हैं, लेकिन मुझे लगता है कि स्पर्श प्रतिक्रिया आपको सामान्य लेआउट डिजाइन करने की अनुमति देगी। हो सकता है कि किसी की आंखों की रोशनी के साथ जोड़ी-प्रोग्रामिंग छोटे विवरण के लिए एक अच्छा समाधान हो?