उत्तरदायी वेब डिजाइन के लिए 30 सीएसएस फ्रेमवर्क

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

ट्विटर बूटस्ट्रैप

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

• भाषा - लेस
• 12-कॉलम अनुकूली लेआउट, मोबाइल उपकरणों के लिए समर्थन, टैबलेट और मॉनिटर, कक्षाओं के उदाहरण: .span3, .span8
• कई घटक, बटन, ड्रॉप-डाउन मेनू, इनपुट फ़ील्ड की कस्टम शैली, सूची, हेडर, लेबल, आइकन, अलर्ट, टैब, प्रगति बार, टूलटिप्स, "समझौते", "हिंडोला", और इसी तरह।
• विभिन्न जावास्क्रिप्ट प्लगइन्स
• पूर्ण प्रलेखन
• पहले से ही HTML बनाने के लिए बूटस्ट्रैप शैली को लागू करने सहित मचान समर्थन
• एक बड़ा समुदाय जो नए प्लगइन्स लिखता है जो डिजाइन में पूरी तरह से फिट होते हैं

इसके आधार पर, हम कह सकते हैं कि बूटस्ट्रैप एक ऑल-इन-वन है जो किसी भी डेवलपर की जरूरतों को पूरा करेगा, जो इसे इतना लोकप्रिय बनाता है।

उत्तरदायी ग्रिड प्रणाली

डेवलपर का दावा है कि यह कोई रूपरेखा या वर्कपीस का सेट नहीं है, और कहते हैं कि यह एक उत्तरदायी वेबसाइट बनाने का एक त्वरित और आसान तरीका है।
आधिकारिक वेबसाइट पर निम्नलिखित फायदे बताए गए हैं:

• आप 2 से 12 तक किसी भी संख्या में कॉलम निर्दिष्ट कर सकते हैं। उदाहरण कॉलम कक्षाएं: .1of4, .2of7, और इसी तरह
• मौजूदा साइट से कनेक्ट करना आसान है
• "रबर" कॉलम, किसी भी चौड़ाई का पैमाना
• कोई .last और .end वर्गों की आवश्यकता नहीं है
• सामग्री को पहले रखा जाता है, फिर मार्कअप का चयन किया जाता है
• ब्रेकपॉइंट का उपयोग करना (480 पिक्सेल पर डिफ़ॉल्ट)
• आप निर्दिष्ट कर सकते हैं कि, कम रिज़ॉल्यूशन पर, कॉलम प्रति पंक्ति 1 कॉलम को स्टैक नहीं करता है, और उदाहरण के लिए, 12 कॉलम को 1 कॉलम के तीन भागों में विभाजित किया जाता है
• गणित का कोई गहरा ज्ञान आवश्यक नहीं है (आपको 12 तक गिनने में सक्षम होना चाहिए)

मार्कअप और कुछ नहीं।

1140 सीएसएस ग्रिड

मार्कअप 1140px है, जिसे 1280px मॉनिटर के लिए डिज़ाइन किया गया है। कम रिज़ॉल्यूशन वाले मॉनिटर पर, यह रबड़ बन जाता है और ब्राउज़र विंडो की चौड़ाई के लिए अनुकूल हो जाता है। एक निश्चित बिंदु के बाद, यह मोबाइल संस्करण को प्रसारित करने के लिए मीडिया क्वेरीज़ का उपयोग करता है, जो एक स्टैक में कॉलम को ढेर कर देता है ताकि जानकारी अपने अर्थ को बरकरार रखे।

• 12-स्तंभ लेआउट, स्तंभ वर्गों के उदाहरण: .threecol, .fourcol, और इसी तरह
• मोबाइल संस्करण, जो किसी भी उपकरण के लिए उपयुक्त हैं जो CSS या मीडिया प्रश्नों का समर्थन करता है, उनकी मदद से आप रेटिना डिस्प्ले के लिए x2 चित्र भी सक्षम कर सकते हैं
• फ़ोटोशॉप टेम्पलेट उपलब्ध है
• मार्कअप का परीक्षण नए और पुराने कंप्यूटर, लैपटॉप, नेटबुक, टैबलेट, स्मार्टफोन और यहां तक ​​कि पुराने नोकिया पर किया जाता है
• क्रोम, सफारी, फ़ायरफ़ॉक्स, IE 7, IE 8, IE 6 के लिए आंशिक समर्थन के लिए समर्थन
• कॉलम के बीच 40px इंडेंट तक
• चित्र उस कॉलम की चौड़ाई से संकुचित होते हैं, जिसमें वे स्थित होते हैं; यह तस्वीर की चौड़ाई और ऊंचाई निर्दिष्ट करने के लिए अनुशंसित नहीं है

यदि आप 1140 पिक्सेल की पृष्ठ चौड़ाई वाली साइट विकसित कर रहे हैं, तो संभवतः यही है।

कंकाल

यह भी एक से अधिक बार यहाँ उल्लेख किया गया है, इसलिए तुरंत विवरण:

• 12-कॉलम लेआउट, 960px अधिकतम, कॉलम कक्षाओं के उदाहरण: .three कॉलम अल्फा, .two कॉलम ओमेगा
• टाइपोग्राफी, बटन और फॉर्म ढांचे में शामिल हैं।
• बहुत सारे मीडिया प्रश्नों का उपयोग करता है
• क्रोम, सफारी, फ़ायरफ़ॉक्स, IE 7 और उच्चतर, मोबाइल ब्राउज़र संस्करणों के लिए समर्थन
• Wordpress, Drupal, साथ ही Rails के लिए एक रत्न के एक्सटेंशन हैं

शब्दार्थ ग्रिड

मुझे हब पर एक भी उल्लेख नहीं मिला, हालांकि शायद मेरी खोज टूट गई ...

• स्तंभों की चौड़ाई और उनके बीच इंडेंट सेट करने की क्षमता, कॉलम की संख्या चुनें, पिक्सल और प्रतिशत के बीच स्विच करें
• मार्कअप में आवश्यक .grid_x कक्षाएं नहीं
• अनुकूली
• भाषाएँ LESS, SCSS, स्टाइलस
• लेख, हेडर, टैग का उपयोग करता है
• एक निश्चित और "रबर" अंकन है, खिड़की को पूरी चौड़ाई, बहु-स्तरीय स्तंभों में भरने की क्षमता

फ्रेम रहित ग्रिड

उत्तरदायी डिजाइन की तलाश है लेकिन रबर के निशान से नफरत है? मुझे लगता है कि यह आपके अनुरूप होगा। लब्बोलुआब यह है: एक निश्चित चौड़ाई के साथ बहुत से दोहराए जाने वाले कॉलम बनाएं, उन्हें खिड़की पर केंद्रित करें, और यह बात है! यह पिक्सेल द्वारा नहीं, बल्कि कॉलम द्वारा अनुकूलित किया गया है। वे कॉलम जो दृश्य से परे जाते हैं, छिपे हुए हैं, और लेआउट फिर से बनाया गया है। इस ढांचे की आधिकारिक वेबसाइट 320, 480, 600, 900 और 1900 पिक्सल के संकल्प के लिए अनुकूल है।
LESS, SCSS, HTML बेस के लिए टेम्प्लेट हैं, फ़ोटोशॉप के लिए एक टेम्प्लेट।
एक दिलचस्प विचार है, मैं कम से कम रोकने की सलाह देता हूं और देखता हूं कि यह कैसा दिखता है।

गम्भीर रूपरेखा

"एक रूपरेखा जिससे आप पहले से परिचित हैं।" यह सामग्री में बूटस्ट्रैप जैसा दिखता है।

• 960-पिक्सेल हाइब्रिड लेआउट, 12 या 16 कॉलम, वर्ग उदाहरण: .seven कॉलम, .five कॉलम
• अंतर्निहित तत्व: फ़ॉर्म, बटन, ड्रॉप-डाउन मेनू और टैब
• जावास्क्रिप्ट टॉगल और दराज
• फ़ोटोशॉप टेम्पलेट उपलब्ध है

gridless

उत्कृष्ट टाइपोग्राफी के साथ उत्तरदायी, क्रॉस-ब्राउज़र वेबसाइटों को बनाने के लिए HTML5 और CSS3 टेम्पलेट।

• DBY दृष्टिकोण - ढांचा वेबसाइट के विकास और वेब अनुप्रयोगों के सभी उबाऊ विवरणों को हटा देता है
• वह सब कुछ लेकर आता है जो आप पहले से ही प्रत्येक नए प्रोजेक्ट की शुरुआत में कर रहे हैं। सीएसएस, टाइपोग्राफी, एक अच्छी तरह से संगठित फ़ोल्डर संरचना, IE और अन्य उपयोगी सामान के लिए फ़िक्सेस शामिल हैं
• मोबाइल-पहला अनुकूली लेआउट जो डिवाइस की चौड़ाई को समायोजित करता है
• IE 6/7/8 Respond.js के लिए धन्यवाद समर्थन
• बहुत सरल और सीधा, कोई पूर्वनिर्धारित मार्कअप सिस्टम या गैर-शब्दार्थ कक्षाएं नहीं हैं। यह शुरुआती बिंदु है, इसे अपनी आवश्यकताओं को पूरा करने के लिए संपादित, अनुकूलित और फिर से लिखना होगा

कम्पास (SUSY) के लिए उत्तरदायी लेआउट

रूबी ऑन रेल्स के लिए पूर्ण समर्थन, "कम्पास" रत्न की स्थापना की आवश्यकता है। बहुत सरल स्थापना और कॉन्फ़िगरेशन प्रक्रिया, चर स्तंभ चौड़ाई और इंडेंटेशन, स्तंभों की संख्या। 1140px मार्कअप पर स्विच करना भी संभव है।

गोल्डीलॉक्स दृष्टिकोण

"एक डिजाइन के लिए एक अच्छी शुरुआत जिसमें एक डिवाइस का रिज़ॉल्यूशन समीकरण से हटा दिया जाता है।"

• रूपरेखा डिजाइन से स्वतंत्र करने के लिए एम-एस, अधिकतम-चौड़ाई, मीडिया प्रश्नों और टेम्पलेट्स के संयोजन का उपयोग करती है
• इसमें दो अच्छी तरह से टिप्पणी की गई CSS फाइलें हैं जो तीन प्रकार के मीडिया प्रश्नों को परिभाषित करती हैं: बहु-स्तंभ, संकीर्ण-स्तंभ और एकल-स्तंभ
• इसके अलावा अच्छी टाइपोग्राफी शामिल है "बॉक्स से बाहर"
• यह एक अनुकूली लेआउट बनाने का प्रयास है जो डिवाइस से पूरी तरह से स्वतंत्र होगा

आधिकारिक वेबसाइट पर मीडिया प्रश्नों का उपयोग करके सभी तीन प्रकार के डिस्प्ले डिज़ाइन के उदाहरण हैं।

आनुपातिक ग्रिड

इस ढांचे के डेवलपर ने एक समाधान बनाने के लिए सीएसएस-प्रॉपर्टी बॉक्स-साइज़िंग का उपयोग किया, जो स्तंभों (ईएम / रेम) और रबर कॉलम के बीच निश्चित इंडेंटेशन के उपयोग की अनुमति देता है। आधार फ़ॉन्ट-आकार के साथ जुड़े सभी ब्रेकप्वाइंट पर स्तंभों के बीच की दूरी समान रहेगी।
स्तंभों को अनुपात द्वारा परिभाषित किया जाता है, उदाहरण के लिए, एक सेकंड, एक तिहाई, और आपके द्वारा किसी अन्य स्तंभ के समान कई बार उपयोग किया जा सकता है। IE8 के लिए भी समर्थन है, और IE7 और नीचे के लिए थोड़ा अलग लेआउट। SASS में लिखा गया है।

नींव ३

इसके अलावा हाल ही में Habré पर उल्लेख किया गया है, यह सामने के छोर के लिए सबसे उन्नत अनुकूली रूपरेखा होने का दावा करता है।

• एक लचीला लेआउट जो आपको पृष्ठ पर तत्वों को जल्दी से स्थिति में लाने की अनुमति देता है, और बहु-स्तरीय वक्ताओं की पेशकश करता है, फोन से टीवी स्क्रीन तक, किसी भी आकार के लिए अनुकूलित किया जा सकता है
• तेजी से प्रोटोटाइप, काम कर रहे प्रोटोटाइप के निर्माण को गति देने के लिए कई शैलियों और तत्व हैं जिन्हें पॉलिश किया जा सकता है और उत्पादन के लिए तुरंत भेजा जा सकता है
• प्रपत्र, बटन, टैब, और इसी तरह शामिल हैं
• प्रत्येक स्क्रीन आकार पर प्रदर्शन को व्यक्तिगत रूप से समायोजित करने की आवश्यकता नहीं है
• SASS द्वारा डिज़ाइन किया गया

Amazium

• 1200px-लेआउट
• अनुकूली 12-स्तंभ डिजाइन। एक उदाहरण वर्ग .grid_12, .grid_8 है
• टाइपोग्राफी स्थापित
• विभिन्न प्रकार की क्रमांकित और अनियोजित सूचियाँ
• विशिष्ट अनुमतियों पर आइटम छिपाने की क्षमता
• कस्टम प्रपत्र और तालिकाएँ
• मीडिया के प्रश्नों का उपयोग करना
• उत्तरदायी छवियाँ और वीडियो

गोल्डन ग्रिड प्रणाली

जीजीएस स्क्रीन को 18 कॉलम में भी विभाजित करता है। चरम स्तंभ चेहरे हैं, 16 कॉलम डिजाइन के लिए बने हुए हैं। स्पीकर को टेबलेट के लिए 8-कॉलम लेआउट या फोन के लिए 4-कॉलम बनाने के लिए जोड़ा जा सकता है। इस समाधान के साथ, GGS ने 240px से 2560px तक के प्रस्तावों को शामिल किया है।

• स्तंभों के बीच रबर आनुपातिक पैडिंग
• सभी मार्कअप तत्वों के अनुपात को संरक्षित किया जाता है, जिसमें फोंट, फ़्रेम, और इसी तरह शामिल हैं।
• गोल्डन ग्रिड - डेवलपर के लिए एक बटन, लेआउट में शामिल कॉलम दिखा रहा है
• HTML मार्कअप, CSS, LESS, SCSS, JS उपलब्ध

Initializr

यह अधिक संभावना नहीं है कि एक रूपरेखा है, लेकिन HTML5, CSS3 और jQuery का उपयोग करके टेम्पलेट बनाने का एक उपकरण।

• आपको HTML5 बॉयलरप्लेट, बूटस्ट्रैप या उत्तरदायी टेम्पलेट के आधार पर टेम्पलेट बनाने की अनुमति देता है
• रूसी और अन्य भाषाओं में उपलब्ध प्रलेखन

साधारण ग्रिड

• 4 स्क्रीन आकार का समर्थन करता है: 720 तक, 720 से अधिक, 985 से अधिक, और 1235px से अधिक
• आगंतुक विशेष रूप से अपने स्क्रीन आकार के लिए अनुकूलित एक लेआउट प्राप्त करता है
• कोई .first और .last वर्गों की आवश्यकता है
• जितना संभव हो उतना सरल कक्षाएं और मार्कअप

स्टैक लेआउट

• कुल 12 क्लास आइटम
• सिमेंटिक क्लास नामों के लिए आसान संक्रमण
• लचीला निश्चित लेआउट
• कॉलम के बीच आसान इंडेंटेशन

320 और ऊपर

नेटबुक के मालिकों के लिए - आपको नीचे स्क्रॉल करने की आवश्यकता है, मैं खुद को तुरंत समझ नहीं पाया कि मुझे कहां मिला है।
320 और अप एक हल्का, आसानी से उपयोग होने वाला उत्तरदायी वेब डिज़ाइन टेम्पलेट है। मैंने अपने सिद्धांत को "पहले छोटे स्क्रीन के लिए डिज़ाइन" से "सामग्री पहले, फिर लेआउट" में बदल दिया।

• पांच CSS3 मीडिया क्वेरी मान: 480, 600, 768, 992 और 1382px
• डिजाइन (रंग, बनावट, टाइपोग्राफी) का "वातावरण" लेआउट से अलग किया गया है
• बटन, फ़ॉर्म और तालिकाओं के लिए बूटस्ट्रैप शैलियाँ
• माडर्निज़्र , सेलेनिविज़र , एडेप्टिव टाइप टेस्टर और डिज़ाइन टेस्टर
• LESS और SASS के लिए समर्थन

फ्लूड बेसलाइन ग्रिड

HTML5 और CSS3 विकास किट जो त्वरित वेबसाइट डिजाइन विकास की नींव प्रदान करता है। ढांचा टाइपोग्राफिक मानकों के अनुपालन में बनाया गया था, और रबर कॉलम, मुख्य लेआउट और अनुकूली डिजाइन "पहले मोबाइल उपकरणों के लिए" के सिद्धांतों को जोड़ती है।

• स्तंभों की अनुकूलन संख्या, प्रासंगिक सीएसएस उत्पन्न करने के लिए एक ऑनलाइन उपकरण है
• एकीकृत टाइपोग्राफी
• IE 6 और इसके बाद के संस्करण के लिए समर्थन
• कई ब्रेकप्वाइंट, मोबाइल उपकरणों से डेस्कटॉप तक आकार

Columnal

स्तंभकार कई अन्य मार्कअप का रीमिक्स है। 1140 सीएसएस ग्रिड से लिया गया रबर लेबल, 960 ग्रिड सिस्टम से लिया गया अतिरिक्त फीचर। चौड़ाई 1140px, रबर है, इसलिए यह अधिकांश ब्राउज़रों की चौड़ाई से मेल खाएगा।

• किसी भी लेआउट तत्व की संरचना दिखाते हुए अंतर्निहित सीएसएस डिबगर
• माता-पिता के अंदर कई कॉलम रखने की क्षमता
• सामग्री से पहले या बाद में अतिरिक्त स्थान जोड़ने के लिए उपसर्ग और प्रत्यय हैं।
• ऊर्ध्वाधर इंडेंटेशन के लिए सीएसएस कक्षाएं
• मार्कअप के लिए पीडीएफ
• टेम्पलेट्स

इंग्रिड फ्रैमेरम

इंग्रिड एक हल्का सीएसएस सीएसएस मार्कअप सिस्टम है जिसका उद्देश्य कक्षाओं या व्यक्तिगत प्रकारों की आवश्यकता को कम करना है। इसके लिए धन्यवाद, यह कम घुसपैठ और अनुकूली लेआउट के पुनर्निर्माण के लिए आसान हो जाता है। यह एक एक्स्टेंसिबल सिस्टम भी है जो आपके स्वयं के उद्देश्यों के लिए कॉन्फ़िगर करना आसान है।

फिर भी एक और मोबाइल बॉयलरप्लेट

YAMB वेब डिज़ाइनरों के लिए उपकरणों का एक सेट है जो आपको उत्तरदायी वेबसाइटों को तेज़ी से खर्च करने की अनुमति देता है। YAMB वेबसाइटों को 320 से अनंत की चौड़ाई वाली स्क्रीन के लिए अनुकूलित किया जाएगा।

• अनुकूली मार्कअप
• असीमित उप-स्तर और हस्ताक्षर की संभावना के साथ ड्रॉप-डाउन मेनू
• छोटे स्क्रीन के लिए, ड्रॉपडाउन मेनू स्वचालित रूप से चयन के लिए सूचियों में परिवर्तित हो जाते हैं
• शीर्षकों के साथ उत्तरदायी स्लाइडशो, उन्हें वेबसाइट की सामग्री में जोड़ने की क्षमता

कम ढाँचा ४

कम फ्रेमवर्क 4 में 4 टाइपसेटिंग और तीन टाइपोग्राफी सेट होते हैं, जो सभी एक ग्रिड पर आधारित होते हैं।
लेआउट के प्रकार: मानक, टैबलेट के लिए, मोबाइल उपकरणों के लिए और मोबाइल उपकरणों के लिए व्यापक
प्रत्येक लेआउट 68px चौड़े कॉलम और जीपीएक्स इंडेंटेशन पर आधारित है। केवल कॉलम की संख्या और बाहरी मार्जिन की चौड़ाई बदल जाती है।

• सीएसएस जनरेटर मौजूद
• रेल रत्न, विभिन्न टेम्प्लेट, एक कम्पास प्लगइन और इतने पर हैं।

ResponsiveAeon

• इस ढांचे के अनुकूल ग्रिड को प्रतिशत के रूप में व्यक्त किया जाता है, मीडिया प्रश्नों, एचटीएमएल 5 और जेएस का उपयोग करता है।
• सभी HTML5 तत्वों के लिए समर्थन: लेख, एक तरफ, विवरण, अंजीर, आंकड़ा, पाद, हेडर, hgroup, मेनू, नौसेना, अनुभाग, संवाद, ऑडियो, कैनवास, वीडियो
• पृष्ठ चौड़ाई 1104px
• अतिरिक्त सीएसएस और जेएस शैली की फाइलें और पसंद उपलब्ध हैं।

टाइटन की रूपरेखा

• 960 ग्रिड सिस्टम पर आधारित और एक ही वर्ग के नाम हैं।
• 12 और 16-कॉलम ग्रिड
• कई प्रस्तावों में फ़ोटोशॉप के लिए टेम्पलेट

Gridiculous

• पृष्ठ की चौड़ाई 320 से 1200px तक है
• आप 960px, 640px, 320px की निश्चित अधिकतम चौड़ाई निर्धारित कर सकते हैं
• नेस्टेड कॉलम के लिए समर्थन
• उत्तरदायी छवियाँ और वीडियो

बाघों ने निम्नलिखित तीन ढांचे जोड़े:

Kube

एक न्यूनतम, लेकिन एक ही समय में पर्याप्त अनुकूली रूपरेखा।

• मेष की कई किस्में हैं, कक्षाओं को "आधा", "तीसरा" और इसी तरह वर्णित किया गया है।
• टाइपोग्राफी और विभिन्न तत्व शामिल हैं: फॉर्म, बटन, टेबल, लिंक
• एक तैयार सीएसएस फ़ाइल डाउनलोड या डेवलपर्स के लिए कम के लिए उपलब्ध है
• Chrome, Firefox, Safari, Opera, IE 8+ का समर्थन करता है

inuit.css

"गंभीर वेब डेवलपर्स के लिए रूपरेखा।"

• SASS के आधार पर, वस्तु उन्मुख
• डिजाइनरों के लिए उपयुक्त जो कोड के बजाय डिजाइन पर ध्यान केंद्रित करना चाहते हैं, और वेब डेवलपर्स के लिए जो अमूर्तता और ओबिल दृष्टिकोण के महत्व से अवगत हैं
• तत्वों का डिज़ाइन शामिल नहीं है, इस ढांचे के डेवलपर बूटस्ट्रैप का उपयोग करने का सुझाव देते हैं
• LESS पर एक पोर्ट है

HTML किकस्टार्ट

HTML किकस्टार्ट HTML5, CSS, JS (jQuery) फ़ाइलों का एक सेट है जो साइटों को एक मूल डिज़ाइन प्रदान करता है, जो डेवलपर को डिज़ाइन कार्य से मुक्त करता है।

• कई तत्वों, रूपों, तालिकाओं, बटन, टैब, दीर्घाओं, प्रकाश बक्से, स्लाइड शो, आइकन, मेनू और टेबल में निर्मित होते हैं
• टाइपोग्राफी सक्षम
• 12-कॉलम अनुकूली लेआउट
• उत्तरदायी मानचित्र, वीडियो और कैलेंडर

Agel_Nash द्वारा निम्नलिखित रूपरेखा प्रस्तावित है

Simpliste

साइट बनाने के लिए, जटिल इंजनों और उनके प्रशासनिक पैनलों से निपटना आवश्यक नहीं है। सरलीकृत परियोजनाओं के लिए एक बहुत ही आसानी से उपयोग किया जाने वाला HTML टेम्पलेट है जिसमें आप एक या दो पृष्ठों को एक सरल संरचना के साथ बनाना चाहते हैं। यदि आप एक साधारण जानकारी पेज बनाना चाहते हैं, और आपको कम कोड लिखने की जरूरत है, और किलोबाइट को लोड करने के लिए, बेहतर है, तो "सिम्पलीस्ट" बस वही है जो आपको चाहिए।
हैबे पर लेख: सिंपलीस्टी

निम्नलिखित रूपरेखा गैर-अनुकूली है, लेकिन उपयुक्त CSS लोड करने के लिए एक अतिरिक्त JS लाइब्रेरी है, और कई अनुकूली को रेखांकित करता है

960 ग्रिड प्रणाली

960 फ्रेम की चौड़ाई के साथ 12 और 16-कॉलम ग्रिड का समर्थन करने वाला एक फ्रेमवर्क।

• HTML के अंदर तत्वों को स्थानांतरित किए बिना अतिरिक्त कक्षाएं जोड़कर तत्वों को स्थानांतरित करना संभव है
• 24-स्तंभ जाल के साथ वैकल्पिक संस्करण उपलब्ध है

पुनश्च। यदि आपको शब्दावली में त्रुटियां या गलत उपयोग हैं - कृपया पीएम को लिखें, मैं इसे सही करूंगा।

UPD: 960.gs के बारे में सूचित, तीन और अनुकूली जोड़े।
UPD2: बाघ और Agel_Nash से 4 चौखटे जोड़े।