फाउंडेशन (फ्रेमवर्क)
| Developer(s) | ZURB |
|---|---|
| Initial release | September 2011 |
| Stable release | 6.7.5
/ July 12, 2022[1] |
| Repository | Foundation Repository |
| Written in | HTML, CSS, Sass and JavaScript |
| Type | Web development |
| License | MIT License |
| Website | get |
फाउंडेशन एक मुफ्त अनुक्रियात्मक अग्रांत फ्रेमवर्क है, जो एक अनुक्रियात्मक ग्रिड और HTML और CSS UI घटक, टेम्प्लेट और कोड स्निपेट प्रदान करता है, जिसमें टाइपोग्राफी (मुद्रण), फार्म, बटन, नेविगेशन और अन्य इंटरफ़ेस तत्व, साथ ही जावास्क्रिप्ट विस्तारण द्वारा प्रदान की गई वैकल्पिक कार्यक्षमता सम्मिलित है। फाउंडेशन एक मुक्त स्रोत प्रोजेक्ट है, और पहले इसका रखरखाव ZURB द्वारा किया जाता था। 2019 से, फाउंडेशन का रखरखाव स्वयंसेवकों (वालंटियर) द्वारा किया गया है।[2]
व्युत्पत्ति
अग्रांत कोड को अधिक प्रवीणता से विकसित करने के लिए फाउंडेशन एक ZURB प्रोजेक्ट के रूप में उभरा है। अक्टूबर 2011 में, ZURB ने MIT लाइसेंस के अंतर्गत फाउंडेशन 2.0 को मुक्त स्रोत के रूप में जारी किया था।[3] ZURB ने जून 2012 में फाउंडेशन 3.0,[4] फरवरी 2013 में 4.0,[5] नवंबर 2013 में 5.0, और नवंबर 2015 में 6.0 जारी किया था। टीम ने फाउंडेशन फॉर साइट्स 7 के अगले संस्करण पर काम करना शुरू कर दिया, जो कि पुराने ब्राउज़रों के लिए समर्थन बंद कर देगा और फ्लेक्सबॉक्स या सम्भवतः गणना ग्रिड प्रणाली जैसी नई तकनीकों को लागू करेगा।
ईमेल के लिए फाउंडेशन, जिसे पहले ZURB इंक के नाम से जाना जाता था, सितंबर 2013 में जारी किया गया था।
ऐप्स के लिए फाउंडेशन को दिसंबर 2014 में जारी किया गया था।
विशेषताएं
फाउंडेशन को कई ब्राउज़रों और उपकरणों के लिए डिज़ाइन और परीक्षण किया गया था। यह Sass/SCSS के साथ निर्मित एक अनुक्रियात्मक संरचना है। संरचना में एक अनुक्रियात्मक साइट को आदिप्ररूप करने के लिए आवश्यक सबसे सामान्य पैटर्न सम्मिलित हैं।
संस्करण 2.0 के बाद से यह अनुक्रियात्मक डिज़ाइन का भी समर्थन करता है।[6] इसका अर्थ है कि वेब पेजों का ग्राफिक डिज़ाइन उपयोग किए गए उपकरण (पीसी, टैबलेट, मोबाइल फोन) की विशेषताओं को ध्यान में रखते हुए गतिशील रूप से समायोजित होता है। संस्करण 4.0 ने मोबाइल-प्रमुख दृष्टिकोण अपनाया है, पहले मोबाइल उपकरणों के लिए डिजाइन और विकास किया है, और बड़ी स्क्रीन के लिए वेब पेज और अनुप्रयोगों को बढ़ाया है।[7]
फाउंडेशन मुक्त स्रोत है और गिटहब पर उपलब्ध है। विकासकों को प्रोजैक्ट में भाग लेने और प्लेटफार्म में अपना योगदान देने के लिए प्रोत्साहित किया जाता है।
संरचना और प्रकार्य
फाउंडेशन मॉड्यूलर है और इसमें अनिवार्य रूप से सैस स्टाइलशीट की एक श्रृंखला सम्मिलित है जो टूलकिट के विभिन्न घटकों को लागू करती है। घटक स्टाइलशीट को सैस के माध्यम से या प्रारंभिक फाउंडेशन डाउनलोड को अनुरूपण करके सम्मिलित किया जा सकता है। विकासक फाउंडेशन फ़ाइल को स्वयं अनुकूलित कर सकते हैं, उन घटकों का चयन कर सकते हैं जिन्हें वे अपने प्रोजेक्ट में उपयोग करना चाहते हैं।
ग्रिड प्रणाली और अनुक्रियात्मकडिजाइन
फ़ाउंडेशन 940 पिक्सेल चौड़े, लचीले ग्रिड (ग्राफ़िक डिज़ाइन) लेआउट के साथ मानक के रूप में आता है। टूलकिट विभिन्न रिजोल्यूशन और उपकरणों के प्रकारों का उपयोग करने के लिए पूरी तरह अनुक्रियात्मकहै: मोबाइल फोन, पोर्ट्रेट और लैंडस्केप प्रारूप, कम और उच्च रिज़ॉल्यूशन वाले टैबलेट और पीसी (वाइडस्क्रीन)। यह कॉलम की चौड़ाई को स्वचालित रूप से समायोजित करता है।
सीएसएस स्टाइलशीट को समझना
फाउंडेशन स्टाइलशीट का एक सेट प्रदान करता है जो सभी प्रमुख HTML घटकों के लिए मूल शैली परिभाषा प्रदान करता है। ये टेक्स्ट, टेबल और फॉर्म एलिमेंट्स को फॉर्मेट करने के लिए एक ब्राउजर और सिस्टम-वाइड यूनिफॉर्म, आधुनिक रूप प्रदान करते हैं।[8]
पुन: प्रयोज्य घटक
नियमित HTML तत्वों के अतिरिक्त, फाउंडेशन में अन्य सामान्य रूप से उपयोग किए जाने वाले इंटरफ़ेस तत्व सम्मिलितहैं। इनमें उन्नत विशेषताओं वाले बटन सम्मिलितहैं (उदाहरण के लिए, बटनों का समूहीकरण या ड्रॉप-डाउन विकल्प वाले बटन, मेक और नेविगेशन सूचियाँ, क्षैतिज और लंबवत टैब, नेविगेशन, ब्रेडक्रंब नेविगेशन, पेजिनेशन, आदि), लेबल, उन्नत टाइपोग्राफ़िक क्षमताएं, और स्वरूपण चेतावनी जैसे संदेशों के लिए।
जावास्क्रिप्ट घटक और प्लग-इन
फाउंडेशन 4 के जावास्क्रिप्ट घटकों को jQuery जावास्क्रिप्ट लाइब्रेरी से Zepto में ले जाया गया था, इस अनुमान पर कि शारीरिक रूप से छोटा, लेकिन JQuery के लिए एपीआई-संगत विकल्प उपयोगकर्ता के लिए तेजी से साबित होगा। हालाँकि, फाउंडेशन 5 नए रिलीज़ JQuery-2 में वापस चला गया। jQuery 2.x में वही API है जो jQuery 1.x में है, लेकिन यह Internet Explorer 6, 7, या 8 का समर्थन नहीं करता है। आधिकारिक ZURB ब्लॉग बताता है,[9] और अहस्ताक्षरित लेखक का दावा है कि स्विच बैक अनुकूलित प्रयासों के साथ संगतता के मुद्दों के कारण था; और वह प्रदर्शन नए jQuery-2 के उपयोग परीक्षण पर उतना अच्छा नहीं पाया गया।
प्रयोग करें
फाउंडेशन के लिए एकीकरण के तीन स्तर हैं: फाउंडेशन रेल जेम के साथ सीएसएस, एसएएसएस और रूबी ऑन रेल्स।[10]
सीएसएस
फाउंडेशन सीएसएस का उपयोग करने के लिए, डिफ़ॉल्ट या कस्टम सीएसएस पैकेज को डाउनलोड पेज से डाउनलोड किया जा सकता है और उपयुक्त वेब सर्वर फोल्डर में स्थापित किया जा सकता है। फ़ाउंडेशन को तब HTML पेज मार्कअप में एकीकृत किया जाता है।[11]
एसएएसएस
फाउंडेशन सैस (स्टाइलशीट लैंग्वेज) इंस्टाल फाउंडेशन स्रोतों को स्थापित करने के लिए रूबी, नोड.जेएस और गिट का उपयोग करता है। फ़ाउंडेशन तब HTML पेज मार्कअप में उपयोग के लिए CSS को स्रोत को संशोधित और संकलित करने के लिए एक कमांड लाइन इंटरफ़ेस प्रदान करता है।[12]
फाउंडेशन रेल रत्न
रेल एप्लिकेशन जेमफाइल में मणि 'फाउंडेशन-रेल' जोड़कर फाउंडेशन रेल रत्न स्थापित किया जा सकता है।[13]
संदर्भ
- ↑ "Releases · foundation/foundation-sites · GitHub". GitHub (in English). Retrieved 22 September 2022.
- ↑ "Is Zurb Foundation in active development?". GitHub. Retrieved 21 Nov 2019.
- ↑ "ZURB द्वारा फाउंडेशन की घोषणा". Retrieved 22 Aug 2012.
- ↑ "ZURB Launches Foundation 3 To Take On Twitter's Bootstrap Framework". 29 June 2012. Retrieved 22 Aug 2012.
- ↑ "Responsive Design Framework Foundation 4 Goes Mobile-First, Switches From jQuery To Zepto". 28 February 2013. Retrieved 28 Feb 2013.
- ↑ "A List Apart: Dive into Responsive Prototyping with Foundation". 10 April 2012. Retrieved 22 Aug 2012.
- ↑ "Zurb releases Foundation 4, a mobile-first, 'forward-thinking dev/designer's dream'". 28 February 2013. Retrieved 28 Feb 2013.
- ↑ "सीएसएस परिचय". www.w3schools.com (in English). Retrieved 2023-03-14.
- ↑ "Why we dropped Zepto".
- ↑ Foundation Documentation Archived 2015-10-28 at the Wayback Machine on Thursday, April 30, 2015
- ↑ Foundation Getting Started Archived 2015-10-29 at the Wayback Machine on Thursday, April 30, 2015
- ↑ Foundation Getting Started on Thursday, April 30, 2015
- ↑ Foundation Getting Started on Thursday, April 30, 2015
बाहरी संबंध
- No URL found. Please specify a URL here or add one to Wikidata.
- Official documentation for the JavaScript components
