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

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

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

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

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

मैंने लिखा

एक जावास्क्रिप्ट पुस्तकालय जो आपको प्रस्तुत करने की अनुमति देता है टाइपिंग पाठ की सूची का प्रभाव; एक तरह का प्रभाव जो आपने हाल ही में वेब पर देखा होगा। यह जावास्क्रिप्ट लाइब्रेरी है प्रभाव को अनुकूलित करने के लिए मुट्ठी भर विकल्पों के साथ लागू करना आसान है. आप एनपीएम के माध्यम से इस लाइब्रेरी को स्थापित कर सकते हैं या इसे सीडीएन के माध्यम से लोड कर सकते हैं https://unpkg.com/[email protected].

ओपेरा नियॉन

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

At.js

At.js जावास्क्रिप्ट लाइब्रेरी है जो आपको अनुमति देता है स्माइलीज जोड़ें, दोस्तों का उल्लेख करें, या टैगिंग करें; ऐसा ही कुछ हमने स्लैक, ट्विटर और फेसबुक पर देखा है। इस प्लगइन को jQuery की आवश्यकता है, जो इसे करने की अनुमति देता है Internet Explorer 7 पर काम करें और शायद इंटरनेट का अन्वेषण 6 भी. बहुत खुबस!

रिहाई

जारी करता है Github में एक सॉफ्टवेयर का नया संस्करण जारी करना अधिक कुशल। एक नया रिलीज आमतौर पर एक चैंज और इस मॉड्यूल के साथ होता है आपको चैंज को आबाद करने की अनुमति देता है स्वचालित रूप से Git प्रतिबद्ध संदेशों से प्राप्त होता है.

खूबसूरत

एक जावास्क्रिप्ट सजाने वाला हमारे जावास्क्रिप्ट कोड को सुनिश्चित करने के लिए एक सुसंगत तरीके से स्वरूपित किया गया है. यह ES2017 और JSX को सपोर्ट करता है.

आयु

आयू है एक नए और आधुनिक अपील के साथ उदात्त पाठ विषय. यह 2 टन डार्क और लाइट के साथ आता है। इंडोनेशिया में आयू का अर्थ सुंदर है, और इसलिए बोलने के लिए; यह उदात्त पाठ UI को और अधिक सुंदर बनाता है.

JSON स्प्लोरा

ए संपादन और JSON डेटा की कल्पना के लिए हल्का अनुप्रयोग. Windows, Linux, और MacOS के साथ संगत ऐप.

ज़ूम

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

ramme

राममे ए है इंस्टाग्राम डेस्कटॉप क्लाइंट. हालांकि यह अनौपचारिक है, लेकिन शायद आप कुछ सीख सकते हैं स्रोत कोड से नई चीजें.

उपयोगकर्ता नाम परिवर्तन करें

एक वर्डप्रेस प्लगइन जो एक बार सक्रिय हो जाता है, एक जोड़ता है “परिवर्तन” संपर्क उपयोगकर्ता नाम इनपुट के बगल में और आपको उपयोगकर्ता नाम बदलने की अनुमति देता है.

NodeifyWP

NodeifyWP एक काफी अनोखा वर्डप्रेस प्लगइन है। यह आपको हमेशा की तरह वर्डप्रेस का उपयोग करने की अनुमति देता है Node.js मॉड्यूल का उपयोग करके सामग्री का उत्पादन. मैंने अभी तक किसी भी प्रोजेक्ट पर इस प्लगइन की कोशिश नहीं की है। लेकिन मैंने जो प्रस्तुति WordCamp Denpasar 2016 में देखी, यह प्लगइन वर्डप्रेस के विकास को आधुनिक बनाने के लिए बहुत आशाजनक है.

ColorMe

ColorMe अन्य कलर जनरेटर एप्स के काफी विपरीत है जो मैंने पहले देखा है। कलर कोड जनरेट करने के अलावा ऐप भी देता है रंग चमक, छाया, रंग, संतृप्ति, इसके विपरीत, आदि को समायोजित करने पर नियंत्रण.

WP-CLI पैकेज

ए WP-CLI के एक्सटेंशन का संग्रह अतिरिक्त कमांड लाइन और पैरामीटर जैसे अतिरिक्त कार्य करने के लिए जोड़ता है वर्डप्रेस को रिमोट सर्वर पर तैनात करना, वर्डप्रेस साइट पर माइग्रेट करना, कैश फ्लश करना, और भी काफी.

दर्जी पेज बिल्डर

एक वर्डप्रेस प्लगइन जो आपको सक्षम बनाता है ड्रैग-एन-ड्रॉप इंटरफेस के साथ गैर-रैखिक सामग्री बनाएं. अद्वितीय सामग्री प्रकार जोड़ने के लिए नए घटक के लिए प्लगइन एक्स्टेंसिबल है. यह इन सामग्रियों को प्रबंधित करने के लिए WP-API भी प्रदान करता है. दर्जी पेज बिल्डर इस श्रेणी पर अब तक का सबसे अच्छा प्लगइन है.

XVG

XVG एक Chrome एक्सटेंशन है एसवीजी ग्राफिक रूपरेखा और एंकर प्रदर्शित करता है यह एसवीजी वस्तुओं को आसानी से डीबग करने में आपकी मदद कर सकता है.

RibbonJS

RibbonJS एक जावास्क्रिप्ट लाइब्रेरी है जो आपको सक्षम बनाता है अपनी वेबसाइट पर सजावटी रिबन उत्पन्न करें, जैसा कि आप निम्न स्क्रीनशॉट देख सकते हैं। यह आकार में सिर्फ 1kb है, और अनुकूलित करने के लिए आसान है.

ऑटो लेआउट

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

Funcssions

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

Webslides

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

लचीला वेब डिज़ाइन

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