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

किसी भी अन्य उद्योग के विपरीत वेब विकास छलांग और सीमा से बदल रहा है। इसे पूरा करने के लिए लगभग हर दिन नए उपकरण, विधियाँ और रूपरेखाएँ विकसित की जाती हैं नए रुझान और तकनीकी प्रगति वेब उद्योग में.

तो यहाँ आसानी से प्रदर्शन करने के लिए एक PHP फ्रेमवर्क सहित नवीनतम उपकरणों और संसाधनों की एक सूची है अपने PHP आवेदन के लिए E2E परीक्षण, डब्ल्यू 3 सी एक्सेसिबिलिटी मानकों का पालन करने वाले रंग उत्पन्न करने के लिए एक उपकरण, और Vue.js एक्सटेंशन का एक मुट्ठी भर। आइए पूरी सूची देखने के लिए कूदें.

कीफ्रेम ऐप

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

सिम्फनी पैंथर

“सिम्फनी पैंथर” E2E (एंड-टू-एंड) टेस्ट करने के लिए सिम्फनी से एक अद्भुत PHP फ्रेमवर्क है। यह इसके साथ आता है अंतर्निहित वेब सर्वर और E2E परीक्षण करने के लिए आपके कंप्यूटर में स्थापित क्रोम का लाभ उठा सकता है.

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

TrendyPalettes

सुंदर रंग पट्टियों का एक संग्रह। संग्रह हजारों प्रदान करता है हाथ से उठाया रंग पट्टियाँ. उपयोगकर्ता एक नया रंग पैलेट जमा कर सकते हैं, इसलिए हमेशा नए पैलेट जोड़े जा सकते हैं जो कभी भी उदय होते हैं। ट्रेंडीप्लेट्स क्रोम एक्सटेंशन के रूप में भी उपलब्ध है.

Eagle.js

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

Grape.js

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

नीरस

Vapid एक नया CMS है, जो Node.js के साथ एक दिलचस्प और अद्वितीय दृष्टिकोण के साथ बनाया गया है। अधिकांश सीएमएस, यह मानते हुए कि आप एक नए प्रकार का डेटा शामिल करना चाहते हैं, पहले डैशबोर्ड / व्यवस्थापक क्षेत्र में कस्टम इनपुट को परिभाषित करना होगा।.

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

WP CLI अधिसूचना

नाम से सब कुछ पता चलता है। जब WP-CLI पहले से ही निष्पादित हो रहा है, तो OS सूचनाएं प्रदर्शित करने के लिए यह एक कस्टम WP-CLI पैकेज है। काफी फैंसी.

CSSGr.id

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

स्क्रॉल संकेत

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

PristineJS

एक इनपुट में सत्यापन जोड़ने के लिए एक जावास्क्रिप्ट लाइब्रेरी। एचटीएमएल 5 पहले से ही कुछ प्रकार के सत्यापन के साथ आता है “प्रकार = ईमेल”, तथा “type = संख्या” उदाहरण के लिए। लेकिन अगर आप एक की जरूरत है कस्टम सत्यापनकर्ता जिसे HTML5 में लागू नहीं किया गया है, यह जावास्क्रिप्ट लाइब्रेरी काम आएगी.

SelectionJS

अधिकांश लोग शायद पहले से ही परिचित हैं कि अपने कंप्यूटर में कई फ़ोल्डर्स या फ़ाइलों का चयन कैसे करें; वे आमतौर पर अपने माउस-क्लिक को पकड़ लेंगे और इसे उन फ़ाइलों या फ़ोल्डरों के आसपास खींच लेंगे, जिन्हें वे चुनना चाहते हैं। यदि आप अपनी वेबसाइट पर उसी UX को लागू करना चाहते हैं, तो SelectionJS काम आएगा.

Webdash

Webdash एक उपकरण है जो कर सकता है GUI इंटरफ़ेस में अपनी परियोजना प्रदर्शित करें. यह के माध्यम से जोड़ता है package.json आपके कंप्यूटर में फ़ाइल। तो यह की सूची प्रदर्शित कर सकते हैं एनपीएम पैकेज, पैकेज अद्यतन, पंजीकृत स्क्रिप्ट, स्क्रिप्ट चलाएँ, और वेबदैश से आरईएडीएमई फाइलों का पूर्वावलोकन करना। बड़िया!

CanJS

वेब इंटरफ़ेस बनाने के लिए एक जावास्क्रिप्ट फ्रेमवर्क। यह कुछ अतिरिक्त सुविधाओं के साथ React.js के समान है और इसके साथ आता है राउटर, DOM यूटिलिटीज और AJAX बॉक्स के ठीक बाहर काम करते हैं. इसमें काफी सक्रिय सामुदायिक समर्थन भी कुछ एक्सटेंशन प्रदान करता है.

CheerioJS

एक जावास्क्रिप्ट लाइब्रेरी जो डोम (डॉक्यूमेंट ऑब्जेक्ट मॉडल) के लिए jQuery के कोर विनिर्देश को लागू करती है और इसे सर्वर-साइड पर उपयोग करने के लिए डिज़ाइन किया गया है। अगर तुम हो JQuery सिंटैक्स का आनंद लेते हुए Node.js के साथ काम करना पसंद addClass (), attr (), तथा लगता है (), यह वह जावास्क्रिप्ट है जिसकी आप तलाश कर रहे हैं.

रंग का डिब्बा

Colorbox एक रंग संरचना उत्पन्न करने के लिए Lyft पहल है जो रंग Accessiblity मानक का अनुपालन करता है। उपकरण एक चतुर एल्गोरिथ्म के साथ संचालित है जो आपको बस करने की अनुमति देता है घुंडी के चारों ओर घूमें, कॉन्फ़िगरेशन बदलें, और यह आपके लिए उचित रंग उत्पन्न करेगा। यह सिर्फ आश्चर्यजनक है.

PHP 7.4 में टाइप किए गए गुण

PHP7.3 कोने के चारों ओर है, जैसा कि हमने पिछली किस्त में बताया है। लेकिन PHP7.4 पहले से ही प्लान पर है। योजनाओं में से एक टाइप्ड प्रॉपर्टी है। इसका मतलब आप जल्द ही कर पाएंगे कुछ ऐसा लिखो सार्वजनिक इंट $ आईडी; अपने PHP कक्षा में. यह एक बड़ा बदलाव है जो आपके PHP एप्लिकेशन बग्स को कम करने में काफी मदद कर सकता है.

स्टैंसिल

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

Vue Infinite Loading

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

वी क्लिपबोर्ड

एक कस्टम Vue.js एक्सटेंशन जो इसे बनाता है बनाने में आसान “प्रतिलिपि” बटन. आप बस एक जोड़ सकते हैं v-क्लिपबोर्ड एक बटन के लिए विशेषता और आप सभी सेट हैं। यह Vue.js एक्सटेंशन प्रत्येक आधुनिक ब्राउज़र के साथ-साथ IE11 और नवीनतम के लिए भी काम करता है.

Vue का चयन करें

एक Vue.js घटक जो Select2 को समान कार्यक्षमता प्रदान करता है। यह Vue.js के लिए डिज़ाइन किया गया है जो इसे बनने की अनुमति देता है Vuex, कस्टम टेंपलेटिंग के साथ संगत, और अन्य Vue.js अच्छाई का एक गुच्छा.