वेब डिजाइनर और डेवलपर्स के लिए नए संसाधन (मार्च 2019)

वेब विकास की दुनिया में पिछले कुछ महीनों के दौरान बहुत कुछ हुआ है। सबसे पहले, नया ब्लॉक-आधारित संपादक, कोडेन गुटेनबर्ग, अंत में वर्डप्रेस 5.0 में विलय कर दिया गया है। यह अपनी स्थापना के बाद से वास्तव में एक बड़ा बदलाव है क्योंकि यह भविष्य में वर्डप्रेस के लिए एक नई नींव तैयार करता है और यह तरीका बदल देगा कि डेवलपर्स वर्डप्रेस की कार्यक्षमता के लिए कैसे विस्तार करते हैं.

दूसरे, हमारे कुछ साथी डेवलपर्स ने कुछ सचमुच उपयोगी उपकरण बनाए हैं जैसे कि एक की अनुमति देता है टर्मिनल में JSON देखें और रिएक्ट पुस्तकालयों के एक जोड़े जो वेब डिजाइन और विकास परियोजनाओं में एक बड़ी मदद साबित हो सकते हैं.

और अंत में, सबसे प्रभावी में से कुछ संसाधन, संदर्भ और प्लगइन्स नए रुझानों के अनुसार अपनी परियोजनाओं को अपडेट करने में आपकी मदद करने के लिए लॉन्च किया गया है.

चलो ताजा वेब विकास संसाधनों की सबसे व्यापक सूची पर आते हैं.

गुटेनबर्ग हैंडबुक

आधिकारिक वर्डप्रेस हैंडबुक जहां आप डिजाइन के संदर्भ देख सकते हैं, ब्लॉक बनाने के लिए कोड उदाहरण और अन्य और परियोजना में योगदान करने के लिए एक गाइड। यह गुटेनबर्ग के साथ विकसित करने के लिए आपका पहला संदर्भ है.

ब्लॉक मचान

ब्लॉक-आधारित संपादक के साथ, WP-CLI अब आरंभ करने का एक सुविधाजनक तरीका प्रदान करता है एक नए सीएलआई कमांड के साथ गुटेनबर्ग ब्लॉक बनाना, wp पाड़ ब्लॉक. आप इसे अपने मौजूदा प्लगइन्स और थीम में बना और शामिल कर सकते हैं.

CGB

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

गुटेनबर्ग के लिए प्राथमिक ब्लॉक

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

परमाणु ब्लॉक

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

ब्लॉक गैलरी

अपनी छवि गैलरी सम्मिलित करने के लिए एक आंख को पकड़ने वाला ब्लॉक, ब्लॉक गैलरी आपकी पोस्ट में छवियों को जोड़ने के लिए एक सहज अनुभव प्रदान करता है। बस अपनी छवियां छोड़ें, गैलरी प्रदर्शन शैली (चिनाई-शैली, हिंडोला, या फुलस्क्रीन), और यह सब सेट है। फिलहाल, यह वर्डप्रेस के लिए सबसे अच्छा गैलरी ब्लॉक है.

CoBlocks

एक ही लेखक के ब्लॉक का एक सूट जिसने उपर्युक्त ब्लॉक गैलरी विकसित की है, CoBlocks में कई ब्लॉक होते हैं जो आपकी साइट की सामग्री को इस तरह बढ़ाएंगे अकॉर्डियन, मूल्य निर्धारण तालिका, Gif, क्लिक-टू-ट्वीट, और अधिक ब्लॉक जोड़े जाने हैं.

StagBlocks

गुटेनबर्ग ब्लॉक का एक और सुइट। प्लगइन कई दिलचस्प ब्लॉक लाता है, जिनमें से कई आप की सराहना करेंगे। इसमें स्टेट ब्लॉक शामिल है जो आपको अपने पोस्ट और पेज के भीतर आँकड़ों को अनुकूलित करने की अनुमति देता है। वेबसाइट कार्ड ब्लॉक जो करेगा एक फैंसी कार्ड-शैली में पूर्वावलोकन वेबसाइट. कोड ब्लॉक जो हाइलाइट किए गए रंग के साथ कोड प्रस्तुत करेगा.

औटर ब्लॉक

इसके अलावा, गुटेनबर्ग ब्लॉक्स का एक संग्रह “Google मैप्स ब्लॉक” नक्शा सम्मिलित करने के लिए, “हमारी सेवा ब्लॉक” सेवा मेरे ग्रिड दृश्य में एक बटन के साथ सेवाओं की एक सूची डालें, तथा “प्रशंसापत्र क्षेत्र ब्लॉक” प्रशंसापत्र की सूची सम्मिलित करने के लिए। ओटर ब्लॉक, गुटेनबर्ग ब्लॉक्स का एक संग्रह है जिसे व्यवसाय और थीम डेवलपर सराहना करेंगे.

उन्नत गुटेनबर्ग ब्लॉक

यह प्लगइन एक मुट्ठी भर के साथ आता है अपनी सामग्री को समृद्ध करने के लिए उन्नत ब्लॉक जैसे कि सामग्री की स्वतः-जेनरेट की गई तालिका, “जिप्पी ब्लॉक” Giphy.com से GIF छवि शामिल करने के लिए, “अनपलाश ब्लॉक” Unsplash.com से चित्र सम्मिलित करने के लिए, “बैनर विज्ञापन ब्लॉक”, WooCommerce “Add-to-Cart बटन ब्लॉक”, और भी काफी.

ब्लॉक लैब

ब्लॉक लैब डेवलपर्स के लिए गुटेनबर्ग ब्लॉक बनाना आसान बनाता है। प्लगइन आपको करने की अनुमति देता है उपयोगकर्ता के अनुकूल जीयूआई के साथ एक नया ब्लॉक रजिस्टर करें और PHP में टेम्पलेट। आपको React.js सीखने की भी आवश्यकता नहीं है.

EDD ब्लॉक

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

टेस्ट गुटेनबर्ग

Gutenberg प्लगइन स्थापित करने या WordPress 5.0 पर अपनी साइट को अपडेट करने के लिए तैयार नहीं है? आप बस कर सकते हैं नए संपादक को आज़माने के लिए इस साइट को लोड करें.

गुटेनबर्ग क्लाउड

यह गुटेनबर्ग ब्लॉक्स के लिए एक एपस्टोर की तरह है। एक केंद्रीय स्थान जहां आप प्राप्त कर सकते हैं गुटेनबर्ग ब्लॉक्स जिनका उपयोग वर्डप्रेस और ड्रुपल में किया जा सकता है. हाँ, द्रुपाल अपने संपादक के लिए गुटेनबर्ग संपादक को भी अपनाने जा रहे हैं.

गुटेनबर्ग उदाहरण

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

GutenbergJS

गुटेनबर्ग का जावास्क्रिप्ट-केवल संस्करण। यह एक एनपीएम पैकेज के रूप में उपलब्ध है जो आपको अपने किसी भी जावास्क्रिप्ट एप्लीकेशन में गुटेनबर्ग को एकीकृत करने की अनुमति देता है.

गुटेनबर्ग को अक्षम करें

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

क्लासिक संपादक

वैकल्पिक रूप से, आप इस प्लगइन को स्थापित कर सकते हैं ताकि आप पुराने क्लासिक संपादक का उपयोग करते समय वर्डप्रेस 5.0 को अपडेट कर सकें। यह प्लगइन 2022 तक समर्थित होगा.

ClassicPress

एक अन्य विकल्प वर्डप्रेस कांटा, क्लासिकप्रेस पर स्विच करना है। क्लासिकप्रेस पर केंद्रित है व्यवसायों, स्थिरता और सुरक्षा. यह वर्डप्रेस प्लगइन्स के साथ संगत है और यह उनकी भविष्य की रिलीज़ में नई दिलचस्प सुविधाएँ लाने की योजना बना रहा है। हमारी पोस्ट देखें: क्लासिकप्रेस: ​​गुटेनबर्ग और React.js के बिना वर्डप्रेस का विकल्प

स्पीड-अप वर्डप्रेस

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

विज़ुअल स्टूडियो कोड ब्राउज़र पूर्वावलोकन

एक विजुअल कोड एडिटर जो क्रोम हेडलेस द्वारा विजुअल स्टूडियो कोड के अंदर संचालित एक वास्तविक ब्राउज़र को जोड़ता है। यह आपको अनुमति देता है रीयलटाइम में अपने काम का पूर्वावलोकन करें कोड एडिटर के ठीक अंदर और इन-एडिटर डीबगिंग जैसी सुविधाओं को सक्षम करता है.

Bundlesize

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

WP इमर्ज

आधुनिक MVC पैटर्न पर आधारित वर्डप्रेस थीम फ्रेमवर्क. यदि आप लारावेल और स्लिम जैसे PHP फ्रेमवर्क के साथ काम करने के आदी हैं, तो मुझे यकीन है कि आप वास्तव में इस ढांचे की सराहना करेंगे। आप राउटर और कंट्रोलर, DI कंटेनर और मिडलवेयर जैसी चीजों का उपयोग कर सकते हैं.

प्रकाशस्तंभ बॉट

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

जानें रिएक्ट ऐप

जानें React App, React.js को सीखने के लिए एक संसाधन है। लेकिन वहाँ बाहर अन्य संसाधनों के विपरीत, यह होना चाहिए आपके कंप्यूटर में स्थानीय रूप से स्थापित है. इसमें न केवल शिक्षण सामग्री होती है, बल्कि इसमें कोड और इंटरेक्टिव नमूने भी होते हैं। सबसे अच्छी बात यह है कि इसे एक बार इंस्टॉल करने के बाद आप ऑफलाइन कर सकते हैं.

WP स्वीकृति

WP स्वीकृति एक नया उपकरण है जो आपको स्वीकृति परीक्षण करने की अनुमति देता है। इसे सीधे शब्दों में कहें तो एक्सेप्टेंस टेस्ट की एक श्रृंखला है उपयोगकर्ता व्यवहार का अनुकरण करने के लिए परीक्षण. इस प्रकार के परीक्षण करने के लिए कई रूपरेखाएँ हैं.

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

चमकदार

एक जावास्क्रिप्ट पुस्तकालय मोबाइल डिवाइस पर देखने पर अपनी वेबसाइट पर प्रकाश प्रतिबिंब का अनुकरण करें. आप डेमो को https://pqina.nl/shiny/ में देख सकते हैं। यह ध्यान देने योग्य है कि यह केवल मोबाइल डिवाइस में काम करेगा क्योंकि यह एक निश्चित एपीआई पर निर्भर करता है जो केवल मोबाइल उपकरणों में उपलब्ध है.

प्रतिक्रिया स्पष्ट करें

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

सीएसएस सुविधाएँ टॉगल

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

Blendy

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

प्रतिक्रिया तत्व

प्रतिक्रिया तत्वों का एक संग्रह जो बॉक्स के ठीक बाहर काम करता है। वेबपैक पर जोड़ने के लिए कॉन्फ़िगरेशन को आयात या अनुकूलित करने के लिए कोई बाहरी सीएसएस नहीं। यह बटन, चेकबॉक्स, SelectList, टैब, टूलटिप, और बहुत कुछ जैसे आवश्यक घटकों के साथ आता है.

FX

यदि आप अक्सर JSON- स्वरूपित के साथ काम कर रहे हैं, तो मुझे यकीन है कि आप इस उपकरण की सराहना करेंगे. fx एक है कमांड लाइन टूल जो आपको टर्मिनल में JSON डेटा की कल्पना करने की अनुमति देता है इंटरैक्टिव मोड के साथ। एक तरह से आप डेटा का विस्तार या पतन कर सकते हैं. fx एनपीएम या होमब्रे के माध्यम से स्थापित किया जा सकता है.

मोनिका

मोनिका अपनी ही श्रेणी में काफी है। यह एक तरह का सीआरएम (ग्राहक संबंध प्रबंधक) है, लेकिन यह आपके ग्राहक के लिए नहीं बल्कि आपके प्रियजनों जैसे आपके परिवार और दोस्तों के लिए है.

सीआरएम की तरह, यह आपको उनकी गतिविधियों की तरह उन पर नज़र रखने की अनुमति देता है, और जब आप उन्हें अंतिम बार बुलाते हैं आदि। और भी अधिक, यह आपको किसी ऐसे व्यक्ति को कॉल करने के लिए याद दिलाने के लिए सेट किया जा सकता है, जिससे आपने कुछ समय में बात नहीं की है। वे इसे एक PRM (व्यक्तिगत संबंध प्रबंधक) कहते हैं.

आयोनिक फ्रेमवर्क

आयनिक रूपरेखा वास्तव में कुछ समय के लिए रही है। लेकिन हाल ही में, इसने अपनी कार्यक्षमता में काफी बड़ी छलांग लगाई है। अब न केवल यह तेज है बल्कि अब आयोनिक है दो बढ़ते स्टार फ्रेमवर्क के साथ संगत: React.js, और Vue.js.

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

प्रसिद्ध

उल्लेखनीय नोट लेने वाला डेस्कटॉप एप्लिकेशन है। किसी अन्य समान ऐप के विपरीत, यह मालिकाना प्रारूपण, WYSIWYG, या अन्य विशिष्ट घंटियों और सीटी के साथ नहीं आता है। ऐप एडिटर मुख्य रूप से जीथब-फ्लेवर्ड मार्कडाउन द्वारा संचालित है. नोट्स एक फ्लैट फ़ाइल में संग्रहीत किए जाते हैं .md फ़ाइलों के साथ ही लगाव। यह सिर्फ काम करता है और सरल है.

TipTap

टिपटैप एक WYSIWYG संपादक है, जो Vue.js. बॉक्स से बाहर प्रोसेमिरर से कई विशेषताओं को प्राप्त करने के अलावा, जैसे कि भयानक मार्कडाउन सिंटैक्स समर्थन, टिपटैप मेनू बबल जैसी कुछ आधुनिक सुविधाएँ लाता है जहाँ पाठ को हाइलाइट करते समय स्वरूपण मेनू दिखाई देगा, सुझाव सुविधा जिसे आप टैग या उल्लेख कर सकते हैं। सामग्री के भीतर एक व्यक्ति, और निर्यात JSON स्वरूपण में सामग्री निर्यात करने की क्षमता.

Restplain

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

प्रतिक्रिया सामग्री लोडर

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

मिथकीय

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

परिष्कृत जीथूब

Github का उपयोग करते समय अपने अनुभव को परिष्कृत करने के लिए एक ब्राउज़र एक्सटेंशन। यह कई आसान हॉटकी जोड़ता है, कुछ लेआउट और UI को परिष्कृत करता है, स्वचालित रूप से मुद्दों और पीआर के लिए लिंक जोड़ता है, और बहुत कुछ.

WC खोलें

ओपन डब्ल्यूसी एक उपकरण का एक सेट है जो आपको कस्टम वेब घटक बनाने की अनुमति देता है। इसमें वेब कंपोनेंट बनाने के लिए मुख्य पुस्तकालय शामिल है, योमन जनरेटर जल्दी से उत्पन्न करने के लिए “WC खोलें” परियोजना, जिसमें परीक्षण के लिए पाड़ शामिल है, linting, और एकीकरण जारी है.

यदि आप चाहें तो ओपन WC एक अच्छा विकल्प हो सकता है एक देशी वेब सुविधा के साथ लागू करना पसंद करते हैं Vue.js या React.js जैसे ढांचे का उपयोग करने के बजाय.

Gridsome

ग्रिड्स ए है Vue.js और GraphQL के साथ स्थिर वेबसाइटों और वेब अनुप्रयोगों के निर्माण के लिए उपकरण. यह वर्डप्रेस और ड्रुपल जैसे सीएमएस से कई डेटा धाराओं को संभालने में सक्षम है, जैसे मार्कडाउन या यमल की एक स्थानीय फ़ाइल, या एयरटेबल और कंटेंटफुल जैसी बाहरी एपीआई। यह Gatsby.js के लिए एक बहुत अच्छा विकल्प है, खासकर यदि React.js पर Vue.js को पसंद करते हैं.

ब्राउज़र

यह वर्ल्ड वाइड वेब आविष्कारक, टिम बर्नर्स-ली द्वारा परिकल्पित ब्राउज़र है। यह है HTML को रेंडर करने के लिए सरल ब्राउज़र और एक आधुनिक ब्राउज़र की तरह एड्रेस बार नहीं दिखाता है लेकिन आप नेविगेट करके देख सकते हैं दस्तावेज़> पूर्ण दस्तावेज़ संदर्भ से खोलें और URL में पेस्ट करें और क्लिक करें खुला. और आप देखेंगे कि आपकी साइट मूल ब्राउज़र के साथ कैसे प्रस्तुत करेगी.

रेखापुंज

रैस्टर एक आधुनिक ग्रिड फ्रेमवर्क है जो आधुनिक HTML और CSS विनिर्देश जैसे CSS ग्रिड, CSS कस्टम प्रॉपर्टी (चर) और कस्टम तत्व के साथ बनाया गया है। उन लोगों के लिए एक सही रूपरेखा जो किनारों पर रहना पसंद करते हैं.

राज-हंस

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