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

समय उड़ जाता है और अब हम 2017 के मध्य में हैं। इस महीने की किस्त में, हमारे पास बेहतरीन जावास्क्रिप्ट लाइब्रेरी की एक सरणी है और कुछ अन्य जैसे प्लगइन, वर्डप्रेस में ग्राफकलाइन को सक्षम करने के लिए, एक डेस्कटॉप एप्लिकेशन जिसे सीएसवी डेटा, और कुछ वेबसाइट को रेंडर करने में सक्षम है। चौखटे। चलो उन्हें बाहर की जाँच करें.

HeroPatterns

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

TestCafe

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

SugarJS

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

सुश्री

एक आसान जावास्क्रिप्ट पुस्तकालय बारी समय, संख्या और नियमित स्ट्रिंग से मिलीसेकंड तक. एमएस ('2 दिन'), उदाहरण के लिए, में परिवर्तित किया जाएगा 172800000.

pa11y

मदद करने के लिए उपकरणों का एक बड़ा संग्रह अपनी वेबसाइट पर पहुंच में सुधार और वेब ऐप्स। pa11y में किसी भी एक्सेसिबिलिटी इश्यू के लिए किसी भी वेब पेज की टेस्टिंग के लिए CLI होता है, a डैशबोर्ड त्रुटियों और चेतावनियों की उत्पन्न रिपोर्ट दिखाने के लिए, और एक CLI जो विशेष रूप से एक CI उपकरण के लिए डिज़ाइन किया गया है जैसे कि Codehip या ट्रैविस.

पंख चिह्न

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

प्रतिक्रिया उड़ान

के लिए एक प्रतिक्रिया मॉड्यूल अपने आवेदन में एनीमेशन रचना का निर्माण. लाइब्रेरी स्केच के लिए सिद्धांत से प्रेरित है जिसमें आप कर सकते हैं UI घटक में अन्तरक्रियाशीलता जोड़ें जल्दी और आसानी से.

BounceJS

के लिए एक पुस्तकालय उछाल प्रभाव के साथ एनिमेशन बनाएं. एनीमेशन CSS3 और कई प्रीसेट एनिमेशन द्वारा संचालित है। आप npm, bower, या के माध्यम से JavaScript लाइब्रेरी स्थापित कर सकते हैं बस CSS एनीमेशन कॉपी करें वेबसाइट में उत्पन्न.

Bojler

Bojler एक है HTML कोड लिखने के लिए दिशानिर्देश के साथ ईमेल फ्रेमवर्क कि सबसे लोकप्रिय ईमेल ग्राहकों पर ठीक से प्रस्तुत करना होगा। आप हमारी पिछली पोस्ट में अधिक ईमेल फ्रेमवर्क पा सकते हैं.

Devicon

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

अब यूआई किट

बूटस्ट्रैप पर आधारित एक संग्रह उत्तरदायी इंटरफ़ेस 4. यह 50 तत्वों और 3 कस्टम टेम्पलेट्स की सुविधा है. HTML संस्करण के अलावा, UI PSD और स्केच स्वरूपों में भी प्रदान किया गया है.

टी स्क्रॉल

टी-स्क्रॉल एक है एनीमेशन को लागू करने के लिए जावास्क्रिप्ट लाइब्रेरी जब कोई तत्व व्यूपोर्ट में दिखाई देता है। यह मुट्ठी भर विकल्पों और प्रीसेट एनिमेशन से लैस है.

ओरी संपादक

ORY वेब पर एक आधुनिक और अधिक सुलभ वेब संपादक है। ORY संपादक है प्रतिक्रिया और प्रवाह के शीर्ष पर बनाया गया है. यह उपयोगकर्ताओं को सामग्री संपादित करने और परिणाम तुरंत देखने की अनुमति देकर संपादन को आसान बनाता है बिना HTML या Markdown जैसे विशेष वाक्यविन्यास जानने के बिना.

TadViewer

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

चिकनी स्क्रॉल Polyfill

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

नहीं धन्यवाद

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

हेपस्काच

Hopscotch एक है लिंक्डइन द्वारा ओपन-सोर्स प्रोजेक्ट तत्काल. यह डेवलपर्स के लिए उत्पाद पर्यटन को जोड़ना आसान बनाने के लिए एक रूपरेखा है। लाइव उदाहरण और एपीआई के लिए डेमो देखें.

SurveyJS

सर्वेजेएस एक और भयानक जावास्क्रिप्ट पुस्तकालय है। जैसा कि नाम से ही स्पष्ट है, यह है सर्वेक्षण इनपुट बनाने के लिए डिज़ाइन किया गया. यह सर्वेक्षण उत्तरों में भरने के लिए विभिन्न इनपुट प्रकारों की सुविधा देता है और कई लोकप्रिय जावास्क्रिप्ट फ्रेमवर्क में भी पोर्ट किया गया है AngularJS, VueJS, और प्रतिक्रिया सहित.

WP ग्राफक

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

मोनाको के संपादक

मोनाको के संपादक संपादक हैं शक्तियों दृश्य कोड संपादक. यह Microsoft द्वारा बनाया गया है और HTML, CSS, LESS, CoffeeScript और PHP सहित बॉक्स से बाहर कई भाषाओं का समर्थन करता है Intellisense जो आपको तेजी से कोड लिखने में मदद करता है.