वेब डिजाइनरों और डेवलपर्स के लिए नए संसाधन (मार्च 2016)
अपनी अंतिम किस्त में हमने विभिन्न वेबसाइटों और वेब अनुप्रयोगों के निर्माण में मदद करने के लिए विभिन्न जावास्क्रिप्ट और सीएसएस पुस्तकालयों पर ध्यान केंद्रित किया। इस महीने, हमारे पास टाइपोग्राफी पर एक छोटे से फोकस के साथ-साथ सिफारिश करने के लिए अधिक पुस्तकालय हैं.
श्रृंखला के इस दौर में, आप कुछ जेएस पुस्तकालयों को देख रहे होंगे जिन्हें आप उपयोग में पाएंगे, लेकिन युक्तियों का संग्रह, टाइपोग्राफी पर एक बहुत लंबा निबंध, एक रंग जनरेटर और हल्के सीमांत रूपरेखा। आगे की हलचल के बिना, चलो उन्हें देखें.
अधिक संसाधनों के लिए क्लिक करेंअधिक संसाधनों के लिए क्लिक करें
अनुशंसित संसाधनों और उपलब्ध सर्वोत्तम वेब डिज़ाइन और विकास टूल के हमारे पूरे संग्रह का पता लगाएं.
जेएस टिप्स
JS Tips जावास्क्रिप्ट युक्तियों का एक संग्रह है, उनमें से कुछ घूम रहे हैं वाक्य - विन्यास, कुछ के बारे में कोड दक्षता और प्रदर्शन, और कुछ अन्य AngularJS जैसे ढांचे के लिए विशिष्ट हैं। नई युक्तियां दैनिक रूप से जोड़ी जाती हैं और वर्तमान में 50 युक्तियां जारी की जाती हैं। यह अनिवार्य रूप से है एक बुकमार्क होना चाहिए हर वेब डेवलपर के लिए साइट.
वैग्रंट मैनेजर
वैग्रंट मैनेजर Vagrant को नियंत्रित करने के लिए GUI एप्लिकेशन है। ऐसे ही MAMP, जहां आप Vagrant को रोक या चला सकते हैं, और देख सकते हैं कि वर्तमान में कौन से Vagrant चल रहे हैं ऐप ओएस एक्स के लिए और विंडोज़ के लिए उपलब्ध है। यदि आप सुनिश्चित नहीं हैं कि वैग्रान्ट क्या है, तो हमारे पिछले पोस्ट को देखें कि कैसे वैग्रेन्ट के साथ स्थानीय स्तर पर वर्डप्रेस स्थापित किया जाए.
Bulma
Bulma एक दृश्यमान रूपरेखा है। पैकेज में कुछ शामिल हैं आम यूआई घटक वेब जैसे नेविगेशन, ड्रॉपडाउन, और (बेशक) ग्रिड जो पूरी तरह से बनाया गया है flexbox. केवल लापता सुविधा (कम से कम, अभी के लिए) जावास्क्रिप्ट घटक है। Bulma Components बूटस्ट्रैप की तुलना में बहुत पतला है, लेकिन यह एक छोटी लेकिन प्रस्तुत करने योग्य वेबसाइट बनाने के लिए पर्याप्त है.
गुटेनबर्ग
जोहान्स गुटेनबर्ग के नाम पर, सामूहिक प्रेस आविष्कारक. गुटेनबर्ग का एक संग्रह है उचित टंकण सेटिंग के लिए शैली नियम वेब पर। शैली के नियम आधार रेखा, फ़ॉन्ट आकार और स्केलिंग, और रेखा-ऊंचाई निर्धारित करते हैं। आपकी वेबसाइट की सामग्री को बेहतर बनाने के लिए एक शानदार स्टाइल लाइब्रेरी.
OkayNav
OkayNav एक उत्तरदायी नेविगेशन बनाने के लिए एक jQuery है, लेकिन अभी तक एक और एक नहीं है। प्लगइन का रिस्पांसिबल डिज़ाइन थोड़ा अलग है: व्यूपोर्ट को छोटा करने के लिए आकार बदला गया है, प्रत्येक मेनू होगा धीरे - धीरे सीमित व्यूपोर्ट आकार को सहन करने के लिए एक आइकन में विलय कर दिया गया। अच्छा लगता है, है ना?
नई वेब टाइपोग्राफी
नई वेब टाइपोग्राफी इन-डेप्थ, टाइपोग्राफी पर आंख खोलने वाला निबंध है। यह पुस्तकों के शुरुआती दिनों से लेकर वर्तमान में वेब पर हमारे द्वारा निर्मित और उपभोग की शैलियों पर चर्चा करता है। कई उदाहरणों के साथ अच्छी तरह से शोध, और पूरी तरह से संदर्भित, यह रॉबिन रेंडले का एक लंबा लेख है, लेकिन टाइपोग्राफी की बेहतर समझ हासिल करने के लिए निश्चित रूप से पढ़ने लायक है।.
रंग सुरक्षित
रंग सुरक्षित वेब के लिए एक रंग जनरेटर पैलेट है। इस श्रृंखला में पहले बताए जा चुके औजारों के विपरीत, ColorSafe केवल रंग उत्पन्न करेगा जो कि रंग अभिगम्यता के लिए WCAG मानक का अनुपालन करता है.
सुलभ मोडल संवाद
यह एक छोटा (केवल ~ 0.5kb) जावास्क्रिप्ट लाइब्रेरी है एक मॉडल संवाद खिड़की का निर्माण. सुलभ होने के नाते, उपयोगकर्ता कीबोर्ड और माउस के साथ संवाद के माध्यम से आसानी से खोल सकते हैं, बंद कर सकते हैं और नेविगेट कर सकते हैं। पैकेज केवल नंगे जावास्क्रिप्ट, कोई स्टाइलिंग नहीं है, इसलिए आप किसी भी तरह से संवाद मोड को स्वतंत्र रूप से आकार दे सकते हैं.
Mo.js
Mo.js जावास्क्रिप्ट एनीमेशन लाइब्रेरी का एक पूरा पैकेज है। यह कुछ प्रीसेट्स के साथ आता है ताकि आप एनीमेशन को जल्दी से सेट और चला सकें। यह मॉड्यूलर है, जिससे आप अनावश्यक कार्यक्षमता, साथ ही तरल पदार्थ और चिकनी को हटा सकते हैं। एक नई नई लाइब्रेरी होने के नाते, दुर्भाग्य से, प्रलेखन अभी तक तैयार नहीं है (अभी के लिए).
कण
यह लाइब्रेरी आपकी वेबसाइट पर फ्लोटिंग पार्टिकल नेटवर्क को जोड़ती है, बस आपकी वेबसाइट को तुरंत ठंडा करने के लिए। कण कर्सर आंदोलन पर प्रतिक्रिया करेंगे। प्रतिक्रियाओं और साथ ही रंगों, दूरी और आकार जैसे अन्य तत्वों को विकल्पों के माध्यम से कॉन्फ़िगर किया जा सकता है.