वेब पर बेसलाइन ग्रिड बनाएं

ऑनलाइन सामग्री का एक प्रमुख हिस्सा पाठ-आधारित है, लेकिन लोग आपकी साइट पर पाठ को पढ़ने में रुचि नहीं लेंगे, जब तक कि टाइपोग्राफी अच्छी तरह से डिज़ाइन न हो जाए.

आप साथ काम कर सकते हैं कस्टम फ्रेमवर्क लेकिन वे प्रतिबंधात्मक महसूस कर सकते हैं. इसके बजाय वेब पर सही ग्रिडलाइन बनाने के लिए एक नि: शुल्क सास-आधारित पुस्तकालय Sassline का प्रयास करें.

यह मुफ्त उपकरण सैस पर काम करता है इसलिए आपको पहले से उस भाषा के आसपास अपना रास्ता जानना होगा। यदि आप अभी भी वेब विकास के लिए नए हैं तो यह एक अच्छा विचार है Sassline लेने से पहले अपने CSS और Sass का अभ्यास करें.

लेकिन एक बार जब आप इसे सीख लेते हैं तो आप लेआउट को फिर से उसी तरह डिजाइन नहीं करेंगे.

यह बनाने के लिए रेम इकाइयों का उपयोग करता है कस्टम आधारभूत जो आपके पाठ को बोर्ड भर में फिट करते हैं. इसमें आपके सभी हेडर, पैराग्राफ, ब्लॉकक्वाट्स, सब कुछ शामिल हैं.

और Sassline उत्तरदायी ब्रेकप्वाइंट के साथ आता है ताकि आप Sassline ग्रिड के आधार पर अपने टेक्स्ट आकार (और लाइन ऊंचाई) को स्वचालित रूप से समायोजित कर सकें। यदि आप उनके साथ काम करना चाहते हैं तो यह सैस के मिश्रण पर निर्भर करता है जिसके लिए सैस के अनुभव की आवश्यकता होती है.

इसलिए मैं विशेष रूप से इस उपकरण के लिए सलाह देता हूं अनुभवी वेब डेवलपर्स अपने वर्कफ़्लो को बेहतर बनाने के लिए देख रहे हैं.

डेमो पेज इस बात का एक बहुत स्पष्ट उदाहरण प्रस्तुत करता है कि यह आधार रेखा ग्रिड सूची आइटम, पुल उद्धरण, और विभिन्न हेडर आकारों सहित कैसे काम करता है.

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

आरंभ करने के लिए मुख्य GitHub रेपो पर जाएं और स्रोत फ़ाइलों की एक प्रति डाउनलोड करें.

आपको सेटअप निर्देश और इस अद्भुत ब्लॉग पोस्ट का लिंक भी मिलेगा जो आपको Sassline लाइब्रेरी फीचर के माध्यम से निर्देशित कर रहा है.