फाउंडेशन (फ्रेमवर्क)

फाउंडेशन (फ्रेमवर्क) एक मुफ्त अनुक्रियात्मक अग्रांत फ्रेमवर्क है, जो एक अनुक्रियात्मक ग्रिड और HTML और CSS UI घटक, टेम्प्लेट और कोड स्निपेट प्रदान करता है, जिसमें टाइपोग्राफी (मुद्रण), फार्म, बटन, नेविगेशन और अन्य अंतरापृष्ठ अवयव, साथ ही जावास्क्रिप्ट विस्तारण द्वारा प्रदान की गई वैकल्पिक प्रकार्यात्मकता सम्मिलित है। फाउंडेशन एक मुक्त स्रोत प्रोजेक्ट है, और पहले इसका रखरखाव ZURB द्वारा किया जाता था। 2019 से, फाउंडेशन का रखरखाव स्वयंसेवकों (वालंटियर) द्वारा किया गया है।

व्युत्पत्ति
अग्रांत कोड को अधिक प्रवीणता से विकसित करने के लिए फाउंडेशन एक ZURB प्रोजेक्ट के रूप में उभरा है। अक्टूबर 2011 में, ZURB ने MIT लाइसेंस के अंतर्गत फाउंडेशन 2.0 को मुक्त स्रोत के रूप में जारी किया था। ZURB ने जून 2012 में फाउंडेशन 3.0, फरवरी 2013 में 4.0, नवंबर 2013 में 5.0, और नवंबर 2015 में 6.0 जारी किया था। टीम ने फाउंडेशन फॉर साइट्स 7 के अगले संस्करण पर काम करना शुरू कर दिया, जो कि पुराने ब्राउज़रों के लिए समर्थन बंद कर देगा और फ्लेक्सबॉक्स या सम्भवतः गणना ग्रिड प्रणाली जैसी नई तकनीकों को लागू करेगा।

ईमेल के लिए फाउंडेशन, जिसे पहले ZURB इंक के नाम से जाना जाता था, सितंबर 2013 में जारी किया गया था।

ऐप्स के लिए फाउंडेशन को दिसंबर 2014 में जारी किया गया था।

विशेषताएं
फाउंडेशन को कई ब्राउज़रों और उपकरणों के लिए डिज़ाइन और परीक्षण किया गया था। यह Sass/SCSS के साथ निर्मित एक अनुक्रियात्मक ढांचा है। ढांचा में एक अनुक्रियात्मक साइट को आदिप्ररूप करने के लिए आवश्यक सबसे सामान्य पैटर्न सम्मिलित हैं।

संस्करण 2.0 के बाद से यह अनुक्रियात्मक डिज़ाइन का भी समर्थन करता है। इसका अर्थ है कि वेब पेजों का ग्राफिक डिज़ाइन उपयोग किए गए उपकरण (पीसी, टैबलेट, मोबाइल फोन) की विशेषताओं को ध्यान में रखते हुए गतिशील रूप से समायोजित होता है। संस्करण 4.0 ने मोबाइल-प्रमुख दृष्टिकोण अपनाया है, पहले मोबाइल उपकरणों के लिए डिजाइन और विकास किया है, और बड़ी स्क्रीन के लिए वेब पेज और अनुप्रयोगों को बढ़ाया है।

फाउंडेशन मुक्त स्रोत है और गिटहब पर उपलब्ध है। विकासकों को प्रोजैक्ट में भाग लेने और प्लेटफार्म में अपना योगदान देने के लिए प्रोत्साहित किया जाता है।

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

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

सीएसएस स्टाइलशीट को समझना
फाउंडेशन स्टाइलशीट का एक समुच्चय प्रदान करता है जो सभी प्रमुख HTML घटकों के लिए मूल शैली परिभाषाएँ प्रदान करता है। ये मूलपाठ (टेक्स्ट), सारणी और प्रपत्र अवयवों को संरूपण करने के लिए एक ब्राउजर और प्रणाली-व्यापी यूनिफॉर्म, आधुनिक स्वरूप प्रदान करते हैं।

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

जावास्क्रिप्ट घटक और प्लग-इन
फाउंडेशन 4 के जावास्क्रिप्ट घटकों को jQuery जावास्क्रिप्ट लाइब्रेरी से ज़ेप्टो में स्थानांतरित कर दिया गया था, इस अनुमान पर कि JQuery का भौतिक रूप से छोटा, लेकिन एपीआई-सुसंगत विकल्प उपयोगकर्ता के लिए तेज़ सिद्ध होगा। यद्यपि, फाउंडेशन 5 का नया प्रकाशन JQuery-2 पर वापस चला गया।  jQuery 2.x में jQuery 1.x के समान API है, लेकिन यह इंटरनेट एक्सप्लोरर 6, 7, या 8 का समर्थन नहीं करता है।  प्रामाणिक ZURB ब्लॉग बताता है, और अहस्ताक्षरित लेखक का कथन है कि स्विच बैक अनुकूलित प्रयासों के साथ सुसंगता के विषयों के कारण था; और नए jQuery-2 के साथ प्रयोग परीक्षण में यह प्रदर्शन उतना अच्छा नहीं पाया गया है।

उपयोग
फाउंडेशन के लिए एकीकरण के तीन स्तर हैं: CSS, SASS, और फाउंडेशन रेल्स जेम के साथ रूबी पर रेल्स।

सीएसएस
फाउंडेशन CSS का उपयोग करने के लिए, डिफ़ॉल्ट या कस्टम CSS पैकेज को डाउनलोड पेज से डाउनलोड किया जा सकता है और उपयुक्त वेब सर्वर फोल्डर में स्थापित किया जा सकता है। इसके बाद फाउंडेशन को HTML पेज मार्कअप में एकीकृत किया जाता है।

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

फाउंडेशन रेल जेम
फाउंडेशन रेल्स जेम को रेल्स एप्लिकेशन जेमफाइल में "जेम 'फाउंडेशन-रेल्स'" जोड़कर स्थापित किया जा सकता है।

बाहरी संबंध

 * Official Website
 * Official documentation for the JavaScript components