फाउंडेशन (फ्रेमवर्क): Difference between revisions
(Created page with "{{Short description|Web design front-end framework}} {{About|the CSS framework|the Objective-C framework|Foundation Kit}} {{Infobox software | name = ZURB Fo...") |
No edit summary |
||
| Line 19: | Line 19: | ||
| 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> | ||
| Line 30: | Line 30: | ||
== विशेषताएं == | == विशेषताएं == | ||
फाउंडेशन को कई ब्राउज़रों और उपकरणों के लिए डिज़ाइन और परीक्षण किया गया था। यह Sass (स्टाइलशीट लैंग्वेज)|Sass/SCSS के साथ निर्मित एक उत्तरदायी ढांचा है। ढांचे में एक उत्तरदायी साइट को प्रोटोटाइप करने के लिए आवश्यक सबसे सामान्य पैटर्न | फाउंडेशन को कई ब्राउज़रों और उपकरणों के लिए डिज़ाइन और परीक्षण किया गया था। यह Sass (स्टाइलशीट लैंग्वेज)|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 36: | Line 36: | ||
== संरचना और कार्य == | == संरचना और कार्य == | ||
फाउंडेशन मॉड्यूलर है और इसमें अनिवार्य रूप से सैस (स्टाइलशीट लैंग्वेज) की एक श्रृंखला | फाउंडेशन मॉड्यूलर है और इसमें अनिवार्य रूप से सैस (स्टाइलशीट लैंग्वेज) की एक श्रृंखला सम्मिलितहै जो टूलकिट के विभिन्न घटकों को लागू करती है। घटक स्टाइलशीट को सास के माध्यम से या प्रारंभिक फाउंडेशन डाउनलोड को अनुकूलित करके सम्मिलितकिया जा सकता है। विकासकर्ता अपने प्रोजेक्ट में उपयोग किए जाने वाले घटकों का चयन करते हुए स्वयं फाउंडेशन फ़ाइल को अनुकूलित कर सकते हैं। | ||
=== ग्रिड प्रणाली और उत्तरदायी डिजाइन === | === ग्रिड प्रणाली और उत्तरदायी डिजाइन === | ||
| Line 46: | Line 46: | ||
=== पुन: प्रयोज्य घटक === | === पुन: प्रयोज्य घटक === | ||
नियमित HTML तत्वों के अतिरिक्त, फाउंडेशन में अन्य सामान्य रूप से उपयोग किए जाने वाले इंटरफ़ेस तत्व | नियमित HTML तत्वों के अतिरिक्त, फाउंडेशन में अन्य सामान्य रूप से उपयोग किए जाने वाले इंटरफ़ेस तत्व सम्मिलितहैं। इनमें उन्नत विशेषताओं वाले बटन सम्मिलितहैं (उदाहरण के लिए, बटनों का समूहीकरण या ड्रॉप-डाउन विकल्प वाले बटन, मेक और नेविगेशन सूचियाँ, क्षैतिज और लंबवत टैब, नेविगेशन, ब्रेडक्रंब नेविगेशन, पेजिनेशन, आदि), लेबल, उन्नत टाइपोग्राफ़िक क्षमताएं, और स्वरूपण चेतावनी जैसे संदेशों के लिए। | ||
=== जावास्क्रिप्ट घटक और प्लग-इन === | === जावास्क्रिप्ट घटक और प्लग-इन === | ||
Revision as of 21:05, 23 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 (स्टाइलशीट लैंग्वेज)|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
