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

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

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

अलादीन

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

SiteOrigin सीएसएस

SiteOrigin CSS वास्तविक समय में किसी भी विषय उपस्थिति को अनुकूलित करने के लिए एक मजबूत वर्डप्रेस प्लगइन है। प्लगइन के तहत एक नया पैनल जोड़ता है सूरत> कस्टम सीएसएस मेन्यू। उसमें, आप कस्टम सीएसएस नियम लिख सकते हैं कि आप जिस विषय का उपयोग कर रहे हैं, उसके सीएसएस को अधिलेखित कर सकते हैं, या आप सीयूआई नियमों को सहजता से जोड़ने के लिए जीयूआई पैनल का भी उपयोग कर सकते हैं।.

DynamicsJS

DynmaicJS भौतिकी-आधारित एनीमेशन को लागू करने के लिए एक पुस्तकालय है। मैं एक भौतिक विशेषज्ञ नहीं हूं, लेकिन इस मेनू में यहां के उदाहरण वास्तव में बहुत अच्छे लगते हैं। यह HTML और SVG तत्वों को एनिमेट कर सकता है, और यह आपको बिना किसी निर्भरता के तेजी से प्रदर्शन देता है। डायनेमिकजेस को सफारी 7+, फायरफॉक्स 35+, क्रोम 34+ और आईई 10 पर टेस्ट किया गया है+.

विमान मोड

यह प्लगइन कई वर्डप्रेस बाहरी HTTP अनुरोधों जैसे कि Google फ़ॉन्ट्स, Gravatar और WordPress updater को अपडेट के लिए प्लगइन्स और थीम रिपॉजिटरी से कनेक्ट करने के प्रयास से रोकेगा। यह स्थानीय विकास के लिए एक उपयोगी प्लगइन है कि ये कॉल विफल होने पर होने वाली त्रुटियों को दबाने के लिए (जो आमतौर पर तब होता है जब आप स्थानीय स्तर पर असाधारण धीमी गति से विकास कर रहे होते हैं).

Coverr

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

VibrantJS

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

GradifyCSS

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

PurifyCSS

PurifyCSS आपकी स्टाइलशीट से अप्रयुक्त सीएसएस नियमों को साफ करता है। आप इसका उपयोग बूटस्ट्रैप और फ़ाउंडेशन जैसे बड़े फ्रेमवर्क के स्टाइलशीट आकारों को 40% तक कम करने के लिए कर सकते हैं। PurifyCSS एक ग्रंट और गल्प प्लगइन के रूप में उपलब्ध है.

वर्डप्रेस के लिए शीर्षक कैपिटल

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

गिटहब अपडेटर

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

कोड उदाहरण

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