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

जुलाई वह महीना है जो गर्मी की ऊँचाई लाता है और इसलिए इस महीने के ताजे संसाधनों के बैच के लिए, हमारे पास कुछ अच्छी तरह से स्थापित और साथ ही नौसिखिए डेवलपर्स से कुछ गर्म नए उपकरण हैं.

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

WPRIG

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

VueNative

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

SketchPress

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

Docz

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

Animista

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

GridToFlex

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

RatioBuddy

के लिए एक अच्छा उपकरण एक परिभाषित अनुपात के साथ सीएसएस के साथ एक बॉक्स उत्पन्न करें, उदाहरण के लिए, 1: 1, 3: 4, आदि उपकरण कॉपी करने के लिए SCSS प्रारूप में कोड उत्पन्न करेगा.

ग्राफक्लाइन कैसे

ग्राफकलाइन REST डेटा संरचना का एक विकल्प है और GraphQL कैसे है इसे सीखने के लिए व्यापक संसाधन. यह REST की तुलना में कहीं अधिक कुशल है क्योंकि यह केवल लोड और डेटा हस्तांतरण की मात्रा को कम करने के लिए अनुरोधित डेटा को खींचेगा.

नमूना इतिहास

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

Transfer.sh

यह है एक शेल कमांड के माध्यम से फ़ाइलों को साझा करने के लिए उपयोगी उपयोगिता. आप किसी भी प्रकार की फ़ाइल को 10 Gb तक अपलोड कर सकते हैं। यह फ़ाइल एन्क्रिप्शन का भी समर्थन करता है। और क्या मैंने उल्लेख किया है कि यह पूरी तरह से नि: शुल्क है?

एफबी सोनार

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

JSUI

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

BrainMonkey

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

भग्न

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

चींटी डिजाइन प्रो

“AntDesign” React.js पर आधारित लोकप्रिय UI फ्रेमवर्क में से एक है और यह इसकी है “समर्थक” एंटरप्राइज़ एप्लिकेशन के लिए डिज़ाइन किया गया संस्करण. इसमें कई अतिरिक्त घटक शामिल हैं जो एंटीडिजिटल कॉमन पैकेज में नहीं हैं जैसे कि AvatarList, HeaderSearch, और TagSelect.

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

LuminJS

एक सुपर टिनी अपनी वेबसाइट पर टेक्स्ट को हाइलाइट करने के लिए जावास्क्रिप्ट लाइब्रेरी. यह एक जटिल डोम संरचना के साथ मूल रूप से काम करता है और यह प्रोग्राम योग्य है कि आप गति, स्टाइल और एनीमेशन सेट कर सकते हैं.

संकेतों

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

अनुभूति

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

DevTube

का एक संग्रह कई डेवलपर सम्मेलनों के वीडियो, Youtube से खींचे गए जैसे JSConf, Google TechTalk और O'Reilly। अब अपने पॉपकॉर्न प्राप्त करें और अपने देव कौशल को समतल करें.

Reactive.how

प्रतिक्रियाशील प्रोग्रामिंग बढ़ रही है; विशेष रूप से वेब के आसपास प्रोग्रामिंग में एक नया प्रतिमान जहां डेटा स्ट्रीम बहुतायत है और लगातार हर मिलीसेकंड बह रहा है। यह संसाधन सेड्रिक सोलस से एक पहल है के सिद्धांत सिखाते हैं प्रतिक्रियाशील प्रोग्रामिंग.