वेब डिजाइनर और डेवलपर्स के लिए नए संसाधन (मई 2016)
यह समय है कि हम अपने साथी वेब डेवलपर्स के लिए संसाधनों की एक और भयानक सूची साझा करें। पिछली बार हमने कई संदर्भ, एप्लिकेशन और कुछ जावास्क्रिप्ट लाइब्रेरी दिखाए थे.
यह देखते हुए कि बहुत सी जावास्क्रिप्ट लाइब्रेरी हैं जिन्हें हमने अभी तक इस श्रृंखला में शामिल नहीं किया है, इस किश्त में वेब डेवलपर्स के रूप में हमारे कौशल को बेहतर बनाने के लिए अधिक jQuery प्लगइन्स और कुछ संदर्भ होंगे। चलो उन्हें बाहर की जाँच करें.
अधिक संसाधनों के लिए क्लिक करेंअधिक संसाधनों के लिए क्लिक करें
अनुशंसित संसाधनों और उपलब्ध सर्वोत्तम वेब डिज़ाइन और विकास टूल के हमारे पूरे संग्रह का पता लगाएं.
jQueryMy
jQueryMy एक है वास्तविक समय डेटा बाइंडिंग को संभालने के लिए jQuery प्लगइन. यह देशी ब्राउज़र नियंत्रण या इनपुट के साथ-साथ एक यूआई लाइब्रेरी जैसे बॉक्स से बाहर jQuery यूआई के साथ संगत है। यह सत्यापन, सशर्त स्वरूपण और जटिल निर्भरता प्रबंधन से लैस है जो इसे एक महान - अभी तक हल्का बनाने के लिए लगता है - एमवी * फ्रेमवर्क का विकल्प जैसे Backbone.js, Ember.js और Vue.js

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

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

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

बनाए रखने योग्य सीएसएस
मेंटेनेंस सीएसएस एक है ऑनलाइन पुस्तक जिसमें कई वर्षों का अनुभव शामिल है, परिष्कृत तकनीकें स्टेलर सीएसएस की रचना करने के लिए जो लंबे समय तक पीढ़ियों में बनाए रखने योग्य है.

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

लावा लैंप
अनंत स्क्रॉल वेब पर एक लोकप्रिय इंटरफ़ेस है जहां यह जैसे ही हम पृष्ठ तक पहुँचते हैं नई सामग्री खींचते हैं. लवलैम्प एक जावास्क्रिप्ट लाइब्रेरी है, जिसे अनंत स्क्रॉल को बदलने के लिए डब किया गया है। डेमो देखें.

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

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

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