फाउंडेशन (फ्रेमवर्क): Difference between revisions

From Vigyanwiki
No edit summary
 
(13 intermediate revisions by 5 users not shown)
Line 1: Line 1:
{{Short description|Web design front-end framework}}
{{Short description|Web design front-end framework}}
{{About|the CSS framework|the Objective-C framework|Foundation Kit}}
{{Infobox software
{{Infobox software
| name                  = ZURB Foundation
| name                  = ZURB Foundation
Line 19: Line 18:
| website                = {{url|https://get.foundation/}}
| website                = {{url|https://get.foundation/}}
}}
}}
'''फाउंडेशन''' एक मुफ्त[[ प्रतिक्रियात्मक वेब डिज़ाइन | अनुक्रियात्मक]] [[अग्रांत]] फ्रेमवर्क है, जो एक अनुक्रियात्मक ग्रिड और [[HTML]] और CSS UI घटक, टेम्प्लेट और कोड स्निपेट प्रदान करता है, जिसमें टाइपोग्राफी (मुद्रण), फार्म, बटन, नेविगेशन और अन्य इंटरफ़ेस तत्व, साथ ही [[जावास्क्रिप्ट]] विस्तारण द्वारा प्रदान की गई वैकल्पिक कार्यक्षमता सम्मिलित है। फाउंडेशन एक [[ खुला स्रोत सॉफ्टवेयर |मुक्त स्रोत]] प्रोजेक्ट है, और पहले इसका रखरखाव ZURB द्वारा किया जाता था। 2019 से, फाउंडेशन का रखरखाव स्वयंसेवकों (वालंटियर) द्वारा किया गया है।<ref name="Github">{{cite web|url=https://github.com/foundation/foundation-sites/issues/11767|title=Is Zurb Foundation in active development?|website=[[GitHub]] |accessdate=21 Nov 2019}}</ref>
'''फाउंडेशन (फ्रेमवर्क)''' एक मुफ्त[[ प्रतिक्रियात्मक वेब डिज़ाइन | अनुक्रियात्मक]] [[अग्रांत]] फ्रेमवर्क है, जो एक अनुक्रियात्मक ग्रिड और [[HTML]] और CSS UI घटक, टेम्प्लेट और कोड स्निपेट प्रदान करता है, जिसमें टाइपोग्राफी (मुद्रण), फार्म, बटन, नेविगेशन और अन्य अंतरापृष्ठ अवयव, साथ ही [[जावास्क्रिप्ट]] विस्तारण द्वारा प्रदान की गई वैकल्पिक प्रकार्यात्मकता सम्मिलित है। फाउंडेशन एक [[ खुला स्रोत सॉफ्टवेयर |मुक्त स्रोत]] प्रोजेक्ट है, और पहले इसका रखरखाव ZURB द्वारा किया जाता था। 2019 से, फाउंडेशन का रखरखाव स्वयंसेवकों (वालंटियर) द्वारा किया गया है।<ref name="Github">{{cite web|url=https://github.com/foundation/foundation-sites/issues/11767|title=Is Zurb Foundation in active development?|website=[[GitHub]] |accessdate=21 Nov 2019}}</ref>
 
 
== व्युत्पत्ति ==
== व्युत्पत्ति ==
अग्रांत कोड को अधिक प्रवीणता से विकसित करने के लिए फाउंडेशन एक ZURB प्रोजेक्ट के रूप में उभरा है। अक्टूबर 2011 में, ZURB ने [[MIT लाइसेंस]] के अंतर्गत फाउंडेशन 2.0 को मुक्त स्रोत के रूप में जारी किया था।<ref name="zurb">{{cite web|url=http://www.zurb.com/article/805/start-here-build-everywhere-announcing-fo|title=ZURB द्वारा '''फाउंडेशन''' की घोषणा|accessdate=22 Aug 2012}}</ref> ZURB ने जून 2012 में फाउंडेशन 3.0,<ref>{{cite web|url=https://techcrunch.com/2012/06/29/zurb-launches-foundation-3-to-take-on-twitters-bootstrap-framework/|title=ZURB Launches '''Foundation''' 3 To Take On Twitter's Bootstrap Framework|date=29 June 2012 |accessdate=22 Aug 2012}}</ref> फरवरी 2013 में 4.0,<ref>{{cite web|url=https://techcrunch.com/2013/02/28/responsive-design-framework-foundation-4-launches/|title=Responsive Design Framework '''Foundation''' 4 Goes Mobile-First, Switches From jQuery To Zepto|date=28 February 2013 |accessdate=28 Feb 2013}}</ref> नवंबर 2013 में 5.0, और नवंबर 2015 में 6.0 जारी किया था। टीम ने फाउंडेशन फॉर साइट्स 7 के अगले संस्करण पर काम करना शुरू कर दिया, जो कि पुराने ब्राउज़रों के लिए समर्थन बंद कर देगा और [[फ्लेक्सबॉक्स]] या सम्भवतः गणना ग्रिड प्रणाली जैसी नई तकनीकों को लागू करेगा।
अग्रांत कोड को अधिक प्रवीणता से विकसित करने के लिए फाउंडेशन एक ZURB प्रोजेक्ट के रूप में उभरा है। अक्टूबर 2011 में, ZURB ने [[MIT लाइसेंस]] के अंतर्गत फाउंडेशन 2.0 को मुक्त स्रोत के रूप में जारी किया था।<ref name="zurb">{{cite web|url=http://www.zurb.com/article/805/start-here-build-everywhere-announcing-fo|title=ZURB द्वारा '''फाउंडेशन''' की घोषणा|accessdate=22 Aug 2012}}</ref> ZURB ने जून 2012 में फाउंडेशन 3.0,<ref>{{cite web|url=https://techcrunch.com/2012/06/29/zurb-launches-foundation-3-to-take-on-twitters-bootstrap-framework/|title=ZURB Launches '''Foundation''' 3 To Take On Twitter's Bootstrap Framework|date=29 June 2012 |accessdate=22 Aug 2012}}</ref> फरवरी 2013 में 4.0,<ref>{{cite web|url=https://techcrunch.com/2013/02/28/responsive-design-framework-foundation-4-launches/|title=Responsive Design Framework '''Foundation''' 4 Goes Mobile-First, Switches From jQuery To Zepto|date=28 February 2013 |accessdate=28 Feb 2013}}</ref> नवंबर 2013 में 5.0, और नवंबर 2015 में 6.0 जारी किया था। टीम ने फाउंडेशन फॉर साइट्स 7 के अगले संस्करण पर काम करना शुरू कर दिया, जो कि पुराने ब्राउज़रों के लिए समर्थन बंद कर देगा और [[फ्लेक्सबॉक्स]] या सम्भवतः गणना ग्रिड प्रणाली जैसी नई तकनीकों को लागू करेगा।
Line 30: Line 27:


== विशेषताएं ==
== विशेषताएं ==
फाउंडेशन को कई ब्राउज़रों और उपकरणों के लिए डिज़ाइन और परीक्षण किया गया था। यह Sass (स्टाइलशीट लैंग्वेज)|Sass/SCSS के साथ निर्मित एक उत्तरदायी ढांचा है। ढांचे में एक उत्तरदायी साइट को प्रोटोटाइप करने के लिए आवश्यक सबसे सामान्य पैटर्न सम्मिलितहैं।
फाउंडेशन को कई ब्राउज़रों और उपकरणों के लिए डिज़ाइन और परीक्षण किया गया था। यह [[Sass/SCSS]] के साथ निर्मित एक अनुक्रियात्मक ढांचा है। ढांचा में एक अनुक्रियात्मक साइट को आदिप्ररूप करने के लिए आवश्यक सबसे सामान्य पैटर्न सम्मिलित हैं।
 
संस्करण 2.0 के बाद से यह [[अनुक्रियात्मक वेब डिज़ाइन|अनुक्रियात्मक डिज़ाइन]] का भी समर्थन करता है।<ref>{{cite web|url=http://www.alistapart.com/articles/dive-into-responsive-prototyping-with-foundation/|title=A List Apart: Dive into Responsive Prototyping with Foundation|date=10 April 2012|accessdate=22 Aug 2012}}</ref> इसका अर्थ है कि वेब पेजों का ग्राफिक डिज़ाइन उपयोग किए गए उपकरण (पीसी, टैबलेट, मोबाइल फोन) की विशेषताओं को ध्यान में रखते हुए गतिशील रूप से समायोजित होता है। संस्करण 4.0 ने मोबाइल-प्रमुख दृष्टिकोण अपनाया है, पहले मोबाइल उपकरणों के लिए डिजाइन और विकास किया है, और बड़ी स्क्रीन के लिए वेब पेज और अनुप्रयोगों को बढ़ाया है।<ref>{{cite web|url=https://venturebeat.com/2013/02/28/zurb-foundation-4/|title=Zurb releases '''Foundation''' 4, a mobile-first, 'forward-thinking dev/designer's dream'|date=28 February 2013|accessdate=28 Feb 2013}}</ref>


संस्करण 2.0 के बाद से यह उत्तरदायी वेब डिज़ाइन का भी समर्थन करता है।<ref>{{cite web|url=http://www.alistapart.com/articles/dive-into-responsive-prototyping-with-foundation/|title=A List Apart: Dive into Responsive Prototyping with Foundation|date=10 April 2012|accessdate=22 Aug 2012}}</ref> इसका मतलब है कि उपयोग किए गए डिवाइस (पीसी, टैबलेट, मोबाइल फोन) की विशेषताओं को ध्यान में रखते हुए वेब पेजों का ग्राफिक डिजाइन गतिशील रूप से समायोजित होता है। वर्जन 4.0 ने मोबाइल-फर्स्ट दृष्टिकोण अपनाया है, पहले मोबाइल उपकरणों के लिए डिजाइन और विकास किया है, और बड़ी स्क्रीन के लिए वेब पेज और एप्लिकेशन को बढ़ाया है।<ref>{{cite web|url=https://venturebeat.com/2013/02/28/zurb-foundation-4/|title=Zurb releases '''Foundation''' 4, a mobile-first, 'forward-thinking dev/designer's dream'|date=28 February 2013|accessdate=28 Feb 2013}}</ref>
फाउंडेशन मुक्त स्रोत है और [[गिटहब]] पर उपलब्ध है। विकासकों को प्रोजैक्ट में भाग लेने और प्लेटफार्म में अपना योगदान देने के लिए प्रोत्साहित किया जाता है।
फाउंडेशन मुक्त स्रोत है और गिटहब पर उपलब्ध है। डेवलपर्स को परियोजना में भाग लेने और मंच में अपना योगदान देने के लिए प्रोत्साहित किया जाता है।


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


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


===सीएसएस स्टाइलशीट को समझना===
===सीएसएस स्टाइलशीट को समझना===
फाउंडेशन स्टाइलशीट का एक सेट प्रदान करता है जो सभी प्रमुख HTML घटकों के लिए मूल शैली परिभाषा प्रदान करता है। ये टेक्स्ट, टेबल और फॉर्म एलिमेंट्स को फॉर्मेट करने के लिए एक ब्राउजर और सिस्टम-वाइड यूनिफॉर्म, आधुनिक रूप प्रदान करते हैं।<ref>{{Cite web |title=सीएसएस परिचय|url=https://www.w3schools.com/css/css_intro.asp |access-date=2023-03-14 |website=www.w3schools.com |language=en-US}}</ref>
फाउंडेशन स्टाइलशीट का एक समुच्चय प्रदान करता है जो सभी प्रमुख HTML घटकों के लिए मूल शैली परिभाषाएँ प्रदान करता है। ये मूलपाठ (टेक्स्ट), सारणी और प्रपत्र अवयवों को संरूपण करने के लिए एक ब्राउजर और प्रणाली-व्यापी यूनिफॉर्म, आधुनिक स्वरूप प्रदान करते हैं।<ref>{{Cite web |title=सीएसएस परिचय|url=https://www.w3schools.com/css/css_intro.asp |access-date=2023-03-14 |website=www.w3schools.com |language=en-US}}</ref>
 
 
=== पुन: प्रयोज्य घटक ===
=== पुन: प्रयोज्य घटक ===
नियमित HTML तत्वों के अतिरिक्त, फाउंडेशन में अन्य सामान्य रूप से उपयोग किए जाने वाले इंटरफ़ेस तत्व सम्मिलितहैं। इनमें उन्नत विशेषताओं वाले बटन सम्मिलितहैं (उदाहरण के लिए, बटनों का समूहीकरण या ड्रॉप-डाउन विकल्प वाले बटन, मेक और नेविगेशन सूचियाँ, क्षैतिज और लंबवत टैब, नेविगेशन, ब्रेडक्रंब नेविगेशन, पेजिनेशन, आदि), लेबल, उन्नत टाइपोग्राफ़िक क्षमताएं, और स्वरूपण चेतावनी जैसे संदेशों के लिए।
नियमित HTML अवयवों के अतिरिक्त, फाउंडेशन में अन्य आमतौर पर उपयोग किए जाने वाले अंतरापृष्ठ अवयव सम्मिलित हैं। इनमें उन्नत विशेषताओं वाले बटन (उदाहरण के लिए, ड्रॉप-डाउन विकल्प, निर्माण और मार्गनिर्देशन सूचियां, क्षैतिज और लंबवत टैब, मार्गनिर्देशन, ब्रेडक्रंब मार्गनिर्देशन, पृष्ठांकन आदि के साथ बटन या बटन का समूहीकरण), लैबल, उन्नत टाइपोग्राफ़िक क्षमताएं, चेतावनियों जैसे संदेशों के लिए संरूपण सम्मिलित हैं।


=== जावास्क्रिप्ट घटक और प्लग-इन ===
=== जावास्क्रिप्ट घटक और प्लग-इन ===
फाउंडेशन 4 के जावास्क्रिप्ट घटकों को [[jQuery]] जावास्क्रिप्ट लाइब्रेरी से Zepto में ले जाया गया था, इस अनुमान पर कि शारीरिक रूप से छोटा, लेकिन JQuery के लिए एपीआई-संगत विकल्प उपयोगकर्ता के लिए तेजी से साबित होगा। हालाँकि, फाउंडेशन 5 नए रिलीज़ JQuery-2 में वापस चला गया। jQuery 2.x में वही API है जो jQuery 1.x में है, लेकिन यह Internet Explorer 6, 7, या 8 का समर्थन नहीं करता है। आधिकारिक ZURB ब्लॉग बताता है,<ref>{{cite web|url=http://zurb.com/article/1293/why-we-dropped-zepto|title=Why we dropped Zepto}}</ref> और अहस्ताक्षरित लेखक का दावा है कि स्विच बैक अनुकूलित प्रयासों के साथ संगतता के मुद्दों के कारण था; और वह प्रदर्शन नए jQuery-2 के उपयोग परीक्षण पर उतना अच्छा नहीं पाया गया।
फाउंडेशन 4 के जावास्क्रिप्ट घटकों को [[jQuery]] जावास्क्रिप्ट लाइब्रेरी से ज़ेप्टो में स्थानांतरित कर दिया गया था, इस अनुमान पर कि JQuery का भौतिक रूप से छोटा, लेकिन एपीआई-सुसंगत विकल्प उपयोगकर्ता के लिए तेज़ सिद्ध होगा। यद्यपि, फाउंडेशन 5 का नया प्रकाशन JQuery-2 पर वापस चला गया। <nowiki>''</nowiki>jQuery 2.x में jQuery 1.x के समान API है, लेकिन यह इंटरनेट एक्सप्लोरर 6, 7, या 8 का समर्थन नहीं करता है।<nowiki>''</nowiki> प्रामाणिक ZURB ब्लॉग बताता है,<ref>{{cite web|url=http://zurb.com/article/1293/why-we-dropped-zepto|title=Why we dropped Zepto}}</ref> और अहस्ताक्षरित लेखक का कथन है कि स्विच बैक अनुकूलित प्रयासों के साथ सुसंगता के विषयों के कारण था; और नए jQuery-2 के साथ प्रयोग परीक्षण में यह प्रदर्शन उतना अच्छा नहीं पाया गया है।


== प्रयोग करें ==
== उपयोग ==
फाउंडेशन के लिए एकीकरण के तीन स्तर हैं: फाउंडेशन रेल जेम के साथ सीएसएस, एसएएसएस और रूबी ऑन रेल्स।<ref>[http://foundation.zurb.com/docs/index.html '''Foundation''' Documentation] {{Webarchive|url=https://web.archive.org/web/20151028235812/http://foundation.zurb.com/docs/index.html |date=2015-10-28 }} on Thursday, April 30, 2015</ref>
फाउंडेशन के लिए एकीकरण के तीन स्तर हैं: CSS, SASS, और फाउंडेशन रेल्स जेम के साथ रूबी पर रेल्स।<ref>[http://foundation.zurb.com/docs/index.html '''Foundation''' Documentation] {{Webarchive|url=https://web.archive.org/web/20151028235812/http://foundation.zurb.com/docs/index.html |date=2015-10-28 }} on Thursday, April 30, 2015</ref>




=== सीएसएस ===
=== सीएसएस ===
फाउंडेशन सीएसएस का उपयोग करने के लिए, डिफ़ॉल्ट या कस्टम सीएसएस पैकेज को डाउनलोड पेज से डाउनलोड किया जा सकता है और उपयुक्त वेब सर्वर फोल्डर में स्थापित किया जा सकता है। फ़ाउंडेशन को तब HTML पेज मार्कअप में एकीकृत किया जाता है।<ref>[http://foundation.zurb.com/docs/css.html '''Foundation''' Getting Started] {{Webarchive|url=https://web.archive.org/web/20151029043400/http://foundation.zurb.com/docs/css.html |date=2015-10-29 }} on Thursday, April 30, 2015</ref>
फाउंडेशन CSS का उपयोग करने के लिए, डिफ़ॉल्ट या कस्टम CSS पैकेज को डाउनलोड पेज से डाउनलोड किया जा सकता है और उपयुक्त वेब सर्वर फोल्डर में स्थापित किया जा सकता है। इसके बाद फाउंडेशन को HTML पेज मार्कअप में एकीकृत किया जाता है।<ref>[http://foundation.zurb.com/docs/css.html '''Foundation''' Getting Started] {{Webarchive|url=https://web.archive.org/web/20151029043400/http://foundation.zurb.com/docs/css.html |date=2015-10-29 }} on Thursday, April 30, 2015</ref>




=== एसएएसएस ===
=== एसएएसएस ===
फाउंडेशन सैस (स्टाइलशीट लैंग्वेज) इंस्टाल फाउंडेशन स्रोतों को स्थापित करने के लिए रूबी, नोड.जेएस और [[गिट]] का उपयोग करता है। फ़ाउंडेशन तब HTML पेज मार्कअप में उपयोग के लिए CSS को स्रोत को संशोधित और संकलित करने के लिए एक कमांड लाइन इंटरफ़ेस प्रदान करता है।<ref>[https://get.foundation/sites/docs/sass.html '''Foundation''' Getting Started] on Thursday, April 30, 2015</ref>
फाउंडेशन [[SASS]] अधिष्ठापन फाउंडेशन स्रोतों को स्थापित करने के लिए रूबी, [[नोड.जेएस]] और गिट का उपयोग करता है। इसके बाद फाउंडेशन HTML पेज मार्कअप में उपयोग के लिए CSS में स्रोत को आपरिवर्तन और अनुभाषण करने के लिए एक कमांड लाइन इंटरफ़ेस प्रदान करता है।<ref>[https://get.foundation/sites/docs/sass.html '''Foundation''' Getting Started] on Thursday, April 30, 2015</ref>
 


=== फाउंडेशन रेल रत्न ===
=== फाउंडेशन रेल जेम ===
रेल एप्लिकेशन जेमफाइल में मणि 'फाउंडेशन-रेल' जोड़कर फाउंडेशन रेल रत्न स्थापित किया जा सकता है।<ref>[https://get.foundation/sites/docs-v5/applications.html '''Foundation''' Getting Started] on Thursday, April 30, 2015</ref>
फाउंडेशन रेल्स जेम को रेल्स एप्लिकेशन जेमफाइल में "जेम 'फाउंडेशन-रेल्स'" जोड़कर स्थापित किया जा सकता है।<ref>[https://get.foundation/sites/docs-v5/applications.html '''Foundation''' Getting Started] on Thursday, April 30, 2015</ref>




Line 72: Line 67:


==बाहरी संबंध==
==बाहरी संबंध==
* {{Official website}}
* [https://get.foundation/ Official Website]
* [https://get.foundation/sites/docs/javascript.html Official documentation for the JavaScript components]
* [https://get.foundation/sites/docs/javascript.html Official documentation for the JavaScript components]
[[Category: सीएसएस ढांचे]] [[Category: एमआईटी लाइसेंस का उपयोग करने वाला सॉफ्टवेयर]] [[Category: वेब ढांचे]] [[Category: वेब डिजाइन]]


[[Category: Machine Translated Page]]
[[Category:CS1 English-language sources (en)]]
[[Category:Created On 16/06/2023]]
[[Category:Created On 16/06/2023]]
[[Category:Lua-based templates]]
[[Category:Machine Translated Page]]
[[Category:Official website missing URL]]
[[Category:Pages with script errors]]
[[Category:Short description with empty Wikidata description]]
[[Category:Template documentation pages|Short description/doc]]
[[Category:Templates Vigyan Ready]]
[[Category:Templates that add a tracking category]]
[[Category:Templates that generate short descriptions]]
[[Category:Templates using TemplateData]]
[[Category:Webarchive template wayback links]]

Latest revision as of 11:38, 3 July 2023

ZURB Foundation
Developer(s)ZURB
Initial releaseSeptember 2011; 13 years ago (2011-09)
Stable release
6.7.5 / July 12, 2022; 2 years ago (2022-07-12)[1]
RepositoryFoundation Repository
Written inHTML, CSS, Sass and JavaScript
TypeWeb development
LicenseMIT License
Websiteget.foundation

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

उपयोग

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


सीएसएस

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


एसएएसएस

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

फाउंडेशन रेल जेम

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


संदर्भ

  1. "Releases · foundation/foundation-sites · GitHub". GitHub (in English). Retrieved 22 September 2022.
  2. "Is Zurb Foundation in active development?". GitHub. Retrieved 21 Nov 2019.
  3. "ZURB द्वारा फाउंडेशन की घोषणा". Retrieved 22 Aug 2012.
  4. "ZURB Launches Foundation 3 To Take On Twitter's Bootstrap Framework". 29 June 2012. Retrieved 22 Aug 2012.
  5. "Responsive Design Framework Foundation 4 Goes Mobile-First, Switches From jQuery To Zepto". 28 February 2013. Retrieved 28 Feb 2013.
  6. "A List Apart: Dive into Responsive Prototyping with Foundation". 10 April 2012. Retrieved 22 Aug 2012.
  7. "Zurb releases Foundation 4, a mobile-first, 'forward-thinking dev/designer's dream'". 28 February 2013. Retrieved 28 Feb 2013.
  8. "सीएसएस परिचय". www.w3schools.com (in English). Retrieved 2023-03-14.
  9. "Why we dropped Zepto".
  10. Foundation Documentation Archived 2015-10-28 at the Wayback Machine on Thursday, April 30, 2015
  11. Foundation Getting Started Archived 2015-10-29 at the Wayback Machine on Thursday, April 30, 2015
  12. Foundation Getting Started on Thursday, April 30, 2015
  13. Foundation Getting Started on Thursday, April 30, 2015


बाहरी संबंध