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

From Vigyanwiki
Line 50: Line 50:


=== जावास्क्रिप्ट घटक और प्लग-इन ===
=== जावास्क्रिप्ट घटक और प्लग-इन ===
फाउंडेशन 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>





Revision as of 17:24, 24 June 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


बाहरी संबंध