फाउंडेशन 6 - 10 अद्भुत नई विशेषताएं

फाउंडेशन फ्रंट-एंड फ्रेमवर्क के डेवलपर्स अभी अपनी प्रशंसा पर नहीं बैठे हैं, जबकि बूटस्ट्रैप टीम अपने प्रभावशाली नए प्रमुख रिलीज पर काम कर रही है। पिछले साल वे अपने उपयोगकर्ताओं के साथ अपने ज्ञान को साझा करने के लिए एक भयानक विश्व यात्रा पर गए थे और उनसे पूछा था कि वे अपने वास्तविक जीवन में फाउंडेशन का उपयोग कैसे कर रहे हैं.

अपने डेस्क पर लौटने के बाद, उन्होंने अपने उपयोगकर्ताओं की जरूरतों और इच्छाओं को एकत्र किया, और फ्रेमवर्क की नई प्रमुख रिलीज की योजना बनाने के लिए तैयार किया: फाउंडेशन 6.

यह अभी भी विकास के अधीन है, लेकिन योजनाएं बहुत आशाजनक हैं। आने वाली सुविधाएँ 3 मुख्य क्षेत्रों पर केंद्रित हैं: प्रदर्शन, अनुकूलन, और पहुँच क्षमता. आइए अब इनमें से 10 विशेषताओं पर एक नज़र डालें.

1. सुव्यवस्थित वर्कफ़्लो

अपने उपयोगकर्ताओं के अनुभवों के आधार पर, फाउंडेशन टीम ने एक नया नारा विकसित किया, अर्थात् “उत्पादन के लिए प्रोटोटाइप”, फाउंडेशन के लिए 6. इसका मतलब एक नया, सुव्यवस्थित वर्कफ़्लो है जो डिजाइनरों और डेवलपर्स को अनुमति देगा प्रोटोटाइप से उत्पादन तक सीधे जाएं.

नए फाउंडेशन 6 का लक्ष्य एक लचीला, और आसानी से अनुकूलन योग्य ढांचा प्रदान करना है जो इसे संभव बनाता है शुरू से ही साफ और अर्थ कोड लिखें. वर्तमान संस्करण, फाउंडेशन 5 भी त्वरित प्रोटोटाइप की अनुमति देता है, लेकिन हम कर सकते हैं आगे कार्यप्रवाह अनुकूलन की उम्मीद है आने वाले रिलीज में.

2. सास संस्करण के लिए सरलीकृत सेटअप प्रक्रिया

फाउंडेशन ढांचे के बारे में सबसे भयानक चीजों में से एक यह है कि यह सैस स्टाइलशीट भाषा के साथ बनाया गया है, इस प्रकार यह संभव है जल्दी से हमारी वास्तविक जरूरतों के लिए डिफ़ॉल्ट शैली नियमों को अनुकूलित करें.

सास सेटअप प्रक्रिया कई उपयोगकर्ताओं के लिए थोड़ी डराने वाली रही है, लेकिन नई प्रमुख रिलीज होगी सैस संस्करण के लिए एक सरलीकृत सेटअप प्रक्रिया प्राप्त करें. इसका मतलब है कि सैस सेटअप करेगा बहुत कम निर्भरता की आवश्यकता है पहले से। बेशक, यदि आप वेनिला सीएसएस संस्करण पसंद करते हैं, तो आप अभी भी उसके लिए विकल्प चुन सकते हैं.

3. एक नया, Maximalists के लिए आकार का सेटअप स्टैक

नियमित सैस संस्करण के अलावा, फाउंडेशन 6 एक स्मोक्ड अप के साथ आएगा Sass संस्करण जो डेवलपर्स को शक्तिशाली अनुकूलन विकल्प प्रदान करेगा.

ZURB, फाउंडेशन के निर्माता अपने स्वयं के सहित जनता के लिए अपने स्वयं के विकास के ढेर को खोलेंगे स्थैतिक साइट जनरेटर, लाइव-पुनः लोड सर्वर तथा आंतरिक अनुकूलन तकनीकों का भार अप्रयुक्त शैलियों को हटाने के लिए UnCSS का एकीकरण और जावास्क्रिप्ट संपीड़न के लिए UglifyJS शामिल हैं.

इसलिए मूल रूप से हम उसी विकास के माहौल में काम करने के लिए सक्षम होंगे जो ZURB आंतरिक रूप से उपयोग करता है.

4. पेज लोड समय में कमी

फाउंडेशन टीम को कुछ रचनात्मक आलोचनाओं का सामना करना पड़ा, जिसने दावा किया कि अधिकांश फाउंडेशन परियोजनाओं में, लगभग 90% सीएसएस कोड बेकार हो जाता है। यह न केवल फाउंडेशन के लिए सच था, बल्कि अन्य प्रमुख सीएसएस फ्रेमवर्क जैसे कि बूटस्ट्रैप और टॉपकैट के लिए भी था। उनके उत्तर के हिस्से के रूप में, ज़र्ब ने लगभग 40-50% कोड की कमी को लागू करके आउटपुट सीएसएस के फ़ाइल आकार में महत्वपूर्ण कटौती करने का निर्णय लिया.

यह ध्यान रखना दिलचस्प है कि वे खुद को बूटस्ट्रैप से अलग करने की कोशिश करते हैं "फाउंडेशन एक ऐसा ढांचा नहीं है जिसमें शैलीगत कक्षाएं मार्जिन और पैडिंग या राउंड और त्रिज्या होंगी"(संदर्भ के लिए हमारी पिछली पोस्ट में बूटस्ट्रैप 4 के नए यूटिलिटी क्लासेस देखें).

5. बेस शैलियाँ वायरफ्रेम के रूप में कार्य करती हैं

प्रदर्शन सुधार के प्रयास का दूसरा हिस्सा है एक आधार शैली बनाएं जो अंतिम डिजाइन के बजाय वायरफ्रेम के रूप में कार्य करता है. यह मुख्य रूप से एक हल्का विषय की ओर जाता है, लेकिन इसका एक और बड़ा फायदा भी है। जैसा कि अधिक शैली के नियम व्यक्तिगत घटकों में स्थानांतरित किए जाएंगे, डेवलपर्स के पास मौका होगा अधिक आसानी से उनके डिजाइन शैली.

उम्मीद है कि इसका मतलब है कि फाउंडेशन के आधार पर साइटें होंगी एक समान, मानकीकृत रूप से कम है, और डिजाइनरों के पास विस्तार के लिए अधिक स्थान होगासुंदर और अद्वितीय घुला हुआ पदार्थ के साथ निर्माणआयन जो एक उबाऊ दिखने वाले वेब के बारे में हाल की चिंताओं का खंडन करेंगे.

6. चयनित चयनात्मक आयात

फाउंडेशन 5 डेवलपर्स को केवल उन घटकों को चुनने की अनुमति देता है जो वे उपयोग करना चाहते हैं। फाउंडेशन 6 इस प्रयास को अगले स्तर तक ले जाएगा चयनात्मक आयात सुविधा को _settings.scss Sass फ़ाइल में ले जाना.

इस तरह _settings.scss a होगा वास्तव में सार्वभौमिक कॉन्फ़िगरेशन फ़ाइल, जैसा कि हम इसकी मदद से न केवल पंक्ति चौड़ाई या डिफ़ॉल्ट फोंट जैसी सुविधाओं को अनुकूलित करने में सक्षम होंगे, बल्कि आसानी से भी उन घटकों से बाहर निकलना, जिनकी हमें आवश्यकता नहीं है. यदि हम ऐसा करते हैं, तो हम आगे के प्रदर्शन में सुधार कर सकते हैं.

7. लीनियर और क्लीनर सास

रीडिज़ाइन प्रक्रिया में फाउंडेशन टीम ने फ्रेमवर्क के हर पहलू पर पुनर्विचार किया, इसलिए वे भी जिस तरह से उन्होंने Sass स्टाइलशीट भाषा का उपयोग किया है, उसे बदल दिया. उन्होंने पाया कि कुछ मामलों में उन्होंने सैस का अधिक इस्तेमाल किया है सीएसएस आउटपुट का अनावश्यक ओवरकंप्लिकेशन. अपने दिमाग में एक लीनियर और क्लीनर कोड बेस के लक्ष्य के साथ, उन्होंने अपने Sass संरचना को भी तर्कसंगत बनाया है.

फाउंडेशन 6 में हम कर सकते हैं उम्मीद की कमी हुई घोंसले के शिकार और विशिष्टता, सुव्यवस्थित मीडिया प्रश्नों (वे पुनरावृत्ति कोड विलय कर दिया), और स्केल्ड घटक मिश्रण. उत्तरार्द्ध का मतलब है कि कम घटक मिश्रण होंगे, और शेष लोगों के पास कम पैरामीटर होंगे, जिससे एक सरल और अधिक महत्वपूर्ण कोड होगा

यदि आप मिक्सिंस पसंद करते हैं, तो चिंता न करें, हर घटक के पास अभी भी उनके पास होगा, यह सिर्फ इतना है कि उन्हें वर्तमान में की तुलना में अधिक कुशल और उपयोगी होने के लिए फिर से डिज़ाइन किया जाएगा।.

8. बेहतर ग्रिड मिश्रण

घटक मिश्रणों को वापस काटते समय, फाउंडेशन 6 के साथ आएगा बढ़ी हुई ग्रिड मिश्रण यह हमें अनुमति देगा अधिक अनुकूलित ग्रिड बनाएं.

ज़र्ब वादा करता है कि हम कर पाएंगे आसानी से जटिल ग्रिड प्रणाली के रूप में निर्माण जैसा हम चाहते हैं, सहित अधिक परिष्कृत कस्टम पंक्तियाँ तथा नेस्टेड ग्रिड, और डिफ़ॉल्ट कक्षाओं को सिमेंटिक मार्कअप में परिवर्तित करने की क्षमता। बेहतर ग्रिड मिक्सचर करंट बनाएंगे ग्रिड निर्माण और भी अधिक सहज, लचीला और तेज.

9. कस्टम जावास्क्रिप्ट प्लगइन्स का निर्बाध एकीकरण

वर्तमान में फाउंडेशन 5 में कई जावास्क्रिप्ट घटक हैं जैसे कि कूल मोडल डायलॉग, टूलटिप्स, स्टिकी नेविगेशन बार, लाइटबॉक्स, और कई अन्य जो एक आधुनिक वेबसाइट की जरूरत है, लेकिन आने वाली प्रमुख रिलीज हमें सक्षम करेगी। हमारे कस्टम जावास्क्रिप्ट प्लगइन्स लिखें फाउंडेशन कोर का लाभ उठाते हुए। यह दोनों में बहुत बड़ा कदम है उपयोगकर्ता मित्रता और प्रदर्शन.

भविष्य में, हम कर सकेंगे अंतर्निहित आरंभिक विधियों तक पहुँच, ट्रिगर टॉगल करें तथा breakpoints, और फाउंडेशन की वैश्विक जावास्क्रिप्ट की अन्य सभी विशेषताओं का उपयोग करें.

10. पूर्ण अभिगम्यता

संभवतः नए फाउंडेशन 6 की सबसे अद्भुत विशेषता यह है कि यह पूरी तरह से सुलभ होगा। हर घटक और कोड स्निपेट उपयुक्त WAI-ARIA विशेषताओं और लैंडमार्क भूमिकाओं के साथ आएगा। इसके अलावा डेवलपर्स भी होंगे एक उपयोगकर्ता गाइड के साथ प्रदान की जाती है के बारे में कैसे a11y वेब मानकों का उपयोग करने के लिए.

इसलिए यदि हम अपने ग्राहक को पूरी तरह से सुलभ वेबसाइट प्रदान करना चाहते हैं, तो हमें फाउंडेशन 6 के साथ अपने डिजाइन के निर्माण के अलावा और कुछ करने की आवश्यकता नहीं है। कृपया ध्यान दें कि हमें अभी भी इसकी आवश्यकता होगी हमारे HTML पृष्ठों पर उपयुक्त ARIA नियम जोड़ें, हालांकि Zurb के a11y उपयोगकर्ता गाइड निश्चित रूप से सीखने की प्रक्रिया को सुविधाजनक बनाएंगे.