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

“बिना सिर के सी.एम.एस.” इन दिनों बहुत ध्यान आकर्षित कर रहा है। संक्षेप में, “हेडलेस सीएमएस” सामने वाले के साथ सौदा नहीं करता है; केवल सीएमएस सामग्री को उजागर करता है आमतौर पर RESTful API के रूप में जबकि डेवलपर उस सामग्री का उपयोग कर सकते हैं जो वे सामग्री को प्रस्तुत करना पसंद करते हैं। इस प्रथा की बढ़ती लोकप्रियता के साथ, नई रूपरेखाएँ इसे स्थापित करने और तेज़ी से चलाने के लिए उत्पन्न होती हैं.

इसलिए, इस राउंड अप में, मैंने कुछ अन्य सहायक उपकरणों के साथ इनमें से कुछ फ्रेमवर्क को एक साथ रखा है जो कि जांचने लायक हैं.

Headless WP Starter

यह एक वर्डप्रेस स्टार्टर थीम है, लेकिन दूसरों के विपरीत, यह स्टार्टर थीम का लाभ उठाता है सामग्री प्राप्त करने के लिए WP-API और फिर इसे एक स्थिर HTML में रेंडर करें नोड और रिएक्ट का उपयोग करके अपनी वेबसाइट बनाना “नेतृत्वहीन”.

VueStoreFront

VueStoreFront एक और है “बिना सिर के सी.एम.एस.” ढांचा. Vue.js और Node के शीर्ष पर निर्मित है, VueStoreFront और API के माध्यम से Magento, Prestashop, और Shopware जैसे ई-कॉमर्स प्लेटफार्मों के लिए डिज़ाइन किया गया है। यह PWA दृष्टिकोण को भी शामिल करता है साइट को प्रयोग करने योग्य बनाने की अनुमति देता है ऑफ़लाइन.

GatsbyJS

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

DustPress

DustPress a है आधुनिक विकास दृष्टिकोण के साथ वर्डप्रेस स्टार्टर थीम. Dust.js टेम्पलेट भाषा का उपयोग करते हुए, DustPress PHP टेम्पलेट से HTML टेम्पलेट लेआउट को अलग करता है, जिससे डेवलपर्स बहुत अधिक क्लीनर कोड का उत्पादन कर सकते हैं। यह भी बनाता है विकास तेजी से, अधिक बनाए रखने योग्य और विषय को एक संगठित संरचना देता है.

VSCode प्रतीक

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

TailWindCSS

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

Traefik

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

CubeUI

Vue.js के शीर्ष पर निर्मित, CubeUI एक है शानदार यूआई घटक मोबाइल एप्लिकेशन बनाने के लिए. बटन, पॉपअप, टाइमपिकर, स्लाइड और चेकबॉक्स जैसे कई घटकों से मिलकर। प्रत्येक घटक निरंतर एकीकरण और यह सुनिश्चित करने के लिए एक TestUnit से भरा गया है प्रत्येक घटक पर बग को कम करना.

वायु

हवा कम से कम वर्डप्रेस स्टार्टर थीम है। _S का विस्तार करते हुए, एयर कुछ अतिरिक्त घटकों को जोड़ता है जैसे कि स्लाइड्स, स्टिकी नेविगेशन बार और WooCommerce- तैयार.

EmptyStates

EmptyStates एक है वेब और मोबाइल एप्लिकेशन पर खाली राज्य पृष्ठों का संग्रह प्रेरणा के लिए। खाली राज्य पृष्ठ उस तरह का पृष्ठ है जिसे अक्सर अनदेखा किया जाता है.

शॉर्टकट डिजाइन

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

Uppy

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

VuetifyJS

VuetifyJS जॉन लीडर से एक पहल है Vue.js के आसपास सामग्री डिजाइन का निर्माण. Google की MDL या मटेरियल डिज़ाइन लाइट के साथ समान पहल है, लेकिन यह समुदाय और में पर्याप्त कर्षण प्राप्त नहीं करता है लगता है विकास अब पिछले कुछ महीनों में बहुत धीमी गति से आगे बढ़ेगा. इसलिए यदि आप एक विकल्प की तलाश कर रहे हैं, तो VuetifyJS सही विकल्प हो सकता है.

WP ULike

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

वी वैलिडेट

Vee Validate एक जावास्क्रिप्ट पुस्तकालय है अंतर्निहित सत्यापन के साथ इनपुट फ़ील्ड जोड़ें. यह कई तरह के इनपुट्स जैसे ईमेल, नंबर, डेट्स, यूआरएल, आईपी एड्रेस आदि का समर्थन करता है.

Vue डेटा टेबल्स

एक और आसान Vue.js प्लगइन। VueDataTables बनाने के लिए एक सरल प्लगइन है Vue.js के साथ अनुकूलन योग्य और pageable तालिका. प्लगइन बड़े पैमाने पर मन में बना है कि यह बड़े पैमाने पर डेटा को निर्दोष रूप से प्रस्तुत कर सकता है। इसके साथ भी भेज दिया जाता है कुछ अतिरिक्त घटक आपकी तालिका को पगनेशन, सर्चबॉक्स और फ़िल्टर जैसी शक्ति देने के लिए.

गूगलर

Googler a है सीएलआई जो आपको कमांड लाइनों के माध्यम से Google में खोज करने की अनुमति देता है. इंटरफ़ेस के समान, यह शीर्षक, विवरण, URL और पृष्ठांकन को भी पुनः प्राप्त करेगा। यह macOS और लिनक्स पावर उपयोगकर्ताओं के लिए उपयोगी उपकरण है.

बोल्ट सीएमएस

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

टेलिटाइप

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

Plyr

प्लायर (खिलाड़ी के रूप में उच्चारण) एक है आकार में सिर्फ 10kb के साथ आधुनिक मीडिया प्लेयर लाइब्रेरी. इसके साथ आप HTML वीडियो और ऑडियो प्लेयर, Youtube और Vimeo और एक लाइव स्ट्रीमिंग मीडिया को कस्टमाइज़ कर पाएंगे। यह अधिक नियोजित के साथ सक्रिय विकास में है विस्टिया और फेसबुक एम्बेडेड वीडियो के लिए समर्थन जोड़ने के लिए सुविधाएँ.