फाउंडेशन (फ्रेमवर्क): Difference between revisions
No edit summary |
|||
Line 19: | Line 19: | ||
| website = {{url|https://get.foundation/}} | | website = {{url|https://get.foundation/}} | ||
}} | }} | ||
'''फाउंडेशन''' एक मुफ्त[[ प्रतिक्रियात्मक वेब डिज़ाइन | अनुक्रियात्मक]] [[अग्रांत]] फ्रेमवर्क है, जो एक अनुक्रियात्मक ग्रिड और [[HTML]] और CSS UI घटक, टेम्प्लेट और कोड स्निपेट प्रदान करता है, जिसमें टाइपोग्राफी (मुद्रण), फार्म, बटन, नेविगेशन और अन्य | '''फाउंडेशन''' एक मुफ्त[[ प्रतिक्रियात्मक वेब डिज़ाइन | अनुक्रियात्मक]] [[अग्रांत]] फ्रेमवर्क है, जो एक अनुक्रियात्मक ग्रिड और [[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 28: | ||
== विशेषताएं == | == विशेषताएं == | ||
फाउंडेशन को कई ब्राउज़रों और उपकरणों के लिए डिज़ाइन और परीक्षण किया गया था। यह [[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> | ||
Line 40: | Line 38: | ||
=== ग्रिड प्रणाली और अनुक्रियात्मक डिजाइन === | === ग्रिड प्रणाली और अनुक्रियात्मक डिजाइन === | ||
फ़ाउंडेशन 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 अवयवों के अतिरिक्त, फाउंडेशन में अन्य आमतौर पर उपयोग किए जाने वाले अंतरापृष्ठ अवयव सम्मिलित हैं। इनमें उन्नत विशेषताओं वाले बटन (उदाहरण के लिए, ड्रॉप-डाउन विकल्प, निर्माण और मार्गनिर्देशन सूचियां, क्षैतिज और लंबवत टैब, मार्गनिर्देशन, ब्रेडक्रंब मार्गनिर्देशन, पृष्ठांकन आदि के साथ बटन या बटन का समूहीकरण), लैबल, उन्नत टाइपोग्राफ़िक क्षमताएं, चेतावनियों जैसे संदेशों के लिए संरूपण सम्मिलित हैं। | ||
=== जावास्क्रिप्ट घटक और प्लग-इन === | === जावास्क्रिप्ट घटक और प्लग-इन === | ||
Line 62: | Line 58: | ||
=== एसएएसएस === | === एसएएसएस === | ||
फाउंडेशन [[SASS]] अधिष्ठापन फाउंडेशन स्रोतों को स्थापित करने के लिए रूबी, [[नोड.जेएस]] और गिट का उपयोग करता है। इसके बाद फाउंडेशन 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> | ||
=== फाउंडेशन रेल जेम === | === फाउंडेशन रेल जेम === |
Revision as of 11:26, 26 June 2023
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 जावास्क्रिप्ट लाइब्रेरी से ज़ेप्टो में स्थानांतरित कर दिया गया था, इस अनुमान पर कि 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]
संदर्भ
- ↑ "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