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

वेब डेवलपर्स सीरीज़ के लिए नए रीसोयस में है अब लगभग 4 साल तक चला, और इस श्रृंखला को बनाए रखने से मुझे इस बात पर बहुत जानकारी मिली है कि वर्षों से वेब की प्रगति कैसी है। वहां हर महीने आने वाले नए उपकरण वेब विकास को आसान बनाने के लिए.

इस किस्त में, हमने एकत्र किया है कई नए उपकरण, जिसमें जावास्क्रिप्ट लाइब्रेरी शामिल हैं, सीएसएस पुस्तकालयों की एक जोड़ी, और संदर्भ अपने कौशल में सुधार करने के लिए। चलो उन्हें बाहर की जाँच करें.

अधिक संसाधनों के लिए क्लिक करें

अधिक संसाधनों के लिए क्लिक करें

अनुशंसित संसाधनों और उपलब्ध सर्वोत्तम वेब डिज़ाइन और विकास टूल के हमारे पूरे संग्रह का पता लगाएं.

शीर्षक

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

बहुत बढ़िया OSX कमांड लाइन

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

ट्रेवर

ट्रेवर बस ट्रैविस सीआई किया है ऑफ़लाइन. ट्रैविस एक निरंतर एकीकरण सेवा है जहाँ डेवलपर्स अपने सॉफ़्टवेयर का परीक्षण करते हैं यह देखने के लिए कि क्या सॉफ्टवेयर ठीक से कई वातावरण काम करता है. ट्रेवर अभी भी अपने शुरुआती चरण में है; यह वर्तमान में केवल समर्थन करता है “NodeJS”.

उत्तरोत्तर

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

QartJS

यह एक जावास्क्रिप्ट है कि QR कोड को कम उबाऊ बनाता है. इसके साथ, आप एक छवि पर QR कोड को ओवरले कर सकते हैं - जैसे कि आपकी तस्वीर.

WP डॉकर

WP Docker एक है वर्डप्रेस को विकसित करने के लिए विशेष रूप से डिजाइन किए गए डॉकटर पर्यावरण. आपके द्वारा कॉन्फ़िगरेशन किए जाने की स्थिति में वातावरण स्व-निहित है, और आपके कंप्यूटर सिस्टम को प्रभावित नहीं करेगा। यह है एक वैग्रांत, वैलेट, स्थानीय और एमएमपी के लिए बढ़िया विकल्प.

Rellax

Rellax एक जावास्क्रिप्ट पुस्तकालय है पृष्ठ स्क्रॉल पर लंबन प्रभाव बनाएँ. यह कुछ विकल्पों के साथ आता है और अपेक्षाकृत आसानी से कॉन्फ़िगर किया जाता है। यह हल्का है, सुपर फास्ट चलाते हैं, और jQuery की तरह कोई निर्भरता की आवश्यकता है इसलिए यह इस श्रेणी जैसे Parallax.js या Scrollax.js पर अन्य पुस्तकालयों के लिए एक बढ़िया विकल्प है.

स्पष्ट, गाँठदार

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

MonetizeJS

MonetizeJS एक जावास्क्रिप्ट पुस्तकालय है धारी को आसानी से लागू करें; jQuery का उपयोग करना जितना आसान है.

Vonic

Vonic के लिए UI का एक संग्रह है Vue.js और Ionic CSS का उपयोग करके बनाया गया मोबाइल. इसमें यूआई के बहुत सारे घटक शामिल हैं जो आमतौर पर मोबाइल में पाए जाते हैं चेकबॉक्स, खोज फ़ॉर्म, स्वीपर और तथाकथित समझौते. आप मोबाइल ऐप एप्लायंस बनाने के लिए उपयोग कर सकते हैं प्रोटोटाइप ब्राउज़र में सही है.

वर्डप्रेस कंपोनेंट लाइब्रेरी

10up, वर्डप्रेस में प्रमुख नामों में से एक, डिजाइन किए गए एक यूआई पुस्तकालय जारी किया विशेष रूप से वर्डप्रेस के लिए. अन्य UI लाइब्रेरी के विपरीत जो केवल CSS और HTML कोड प्रदान करता है, 10Up PHP कोड स्निपेट भी प्रदान करता है जिसे आप अपनी थीम में पेस्ट कर सकते हैं। घटक शामिल हैं नैविगेशन, टैब्स, टूलटिप्स, कॉमन्स और ब्लॉगरोल.

जावास्क्रिप्ट स्टार्ट-अप प्रदर्शन

एक शानदार और Addy Osmani के विस्तृत लेख, Google के इंजीनियरों में से एक, सुपर फास्ट चलाने वाले जावास्क्रिप्ट को कैसे लिखना है। मैं आपको इसके माध्यम से पढ़ने के लिए प्रोत्साहित करता हूं अपने जावास्क्रिप्ट कौशल का स्तर.

KuteJS

कुटे एक है जावास्क्रिप्ट पुस्तकालय एनीमेशन प्रदर्शन करने के लिए. यह मेमोरी खपत में तेज और सुपर कुशल है। इसमें ऐनिमेशन लागू करने के लिए एक्सटेंशन और अतिरिक्त टूल हैं सीएसएस, एसवीजी और यहां तक ​​कि एक jQuery प्लगइन अधिक सुविधाजनक वाक्य रचना के लिए.

PWA रॉक्स

प्रगतिशील वेब अनुप्रयोग (PWA) एक कार्यप्रणाली है जो एक वेबसाइट को तेज़ और प्रयोग करने योग्य ऑफ़लाइन चलाने की अनुमति देता है. यह PWA रॉक्स एक सूची है जिसे Google द्वारा PWA के रूप में अनुमोदित किया गया है। सेवा मेरे Google से PWA के बारे में और जानें पर एक नज़र रखना: प्रगतिशील वेब अनुप्रयोग.

गिथब ऑटो-अपडेटर

Github Auto-Updater है संगीतकार पुस्तकालय जो आपके प्लगइन को जीथब से अपडेट करने की अनुमति देता है. यह डेवलपर्स के लिए एक आसान स्क्रिप्ट है जो बिना अपने क्लाइंट के लिए प्लग इन बनाए रखता है आवश्यक रूप से इसे Github रिपॉजिटरी में अपलोड करना है.

कार्ड

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

Graaf

Graaf ग्रिड, कॉलम, पंक्ति, नाली - को देखने के लिए अपने पृष्ठ पर एक ओवरले प्रदान करें। आप भी कर सकते हैं अपने स्वयं के ग्रिड विनिर्देश उत्पन्न करें दिए गए एपीआई का उपयोग करना.

Luxbar

लक्सर एक है सीएसएस फ्रेमवर्क आसानी से एक उत्तरदायी नेविगेशन बनाने के लिए; बस स्टाइलशीट जोड़ें और ठीक से HTML जोड़ें। आप इस लाइब्रेरी को इसके माध्यम से स्थापित कर सकते हैं NPM, Bower, या CDN से सीधे स्टाइलशीट को लिंक करें.

कंट्रास्ट ग्रिड

सूची तालिका WCAG 2.0 के आधार पर रंग के विपरीत और उनकी accesibility ग्रेड दिखाती है. आप टेबल पर मूल्य बदल सकते हैं, और जल्दी से यह पता लगा सकते हैं कि रंग संयोजन WCAG मानक का अनुपालन करता है या नहीं.

ToneJS

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