वेब डिजाइनर और डेवलपर्स के लिए नए संसाधन (जून 2015)
क्या आप मान सकते हैं कि यह सिलसिला लगभग 3 वर्षों से चल रहा है। उस थोड़े समय में, हमने वेब डिजाइनरों और डेवलपर्स के लिए सबसे कम संसाधनों की कम से कम 30 सूचियों को चित्रित किया है। और हम इसे जून के लिए एक नए संकलन के साथ रखने जा रहे हैं.
इस संकलन में, हम स्लाइडर्स को प्रदर्शित करने के लिए कुछ जावास्क्रिप्ट पुस्तकालयों को देख रहे हैं, डेटा तालिकाओं के लिए चिकनी स्क्रॉल, स्क्रॉल-टू-टॉप बटन के लिए एक शांत एलेवेटर प्रभाव, और बहुत कुछ.
चलो उन्हें बाहर की जाँच करें.
मध्यम शैली की पुष्टि
इसके डिजाइन के लिए मध्यम की प्रशंसा की गई है; लगता है कि लेआउट और UI को अच्छी तरह से सोचा गया है। इसके शीर्ष पर, यह वेब डेवलपर्स को यूआई को दोहराने के लिए जावास्क्रिप्ट या सीएसएस पुस्तकालयों को विकसित करने के लिए भी प्रेरित करता है। मध्यम शैली की पुष्टि एक जावास्क्रिप्ट पुस्तकालय है जो मध्यम में पॉप-अप या संवाद बॉक्स जैसा दिखता है.
पेंगुइन
पेंगुइन एक नया फ्रंट-एंड फ्रेमवर्क है, जिसे आप अपनी वेबसाइटों के आधार के रूप में उपयोग कर सकते हैं। ग्रंट और सैस जैसे उपकरणों के साथ, आप पुस्तकालयों या सीएसएस को आसानी से जोड़ या हटा सकते हैं कि आपको इसे जितना संभव हो उतना हल्का बनाने की आवश्यकता नहीं है। यह बूटस्ट्रैप और फाउंडेशन के लिए एक अच्छा विकल्प है.
Elevator.js
क्या आपने उस बटन को एक वेबसाइट में देखा है जो आपको पृष्ठ के शीर्ष पर स्लाइड करने देता है? अधिकांश बटन आपको केवल शीर्ष पर ले जाते हैं, लेकिन एलेवेटर.जेएस के साथ, आपको एक एलेवेटर, संगीत और एक समान स्लाइडिंग त्वरण प्रभाव मिलता है। “झंकार!” एक बार जब आप शीर्ष मंजिल पर पहुँच गए तो आवाज़ करें। बहुत अच्छे!
एक्स-इंस्टाग्राम
एक्स-इंस्टाग्राम एक पॉलिमर कस्टम तत्व है जो इंस्टाग्राम से टैग द्वारा छवियों को खींचता है और दिखाता है। यह तत्व पूरी प्रक्रिया को बहुत आसान बना देता है। हम बस तत्व को नियमित HTML तत्व की तरह जोड़ते हैं और तत्व विशेषताओं के रूप में टैग कीवर्ड निर्दिष्ट करते हैं.
और जादू शुरू करते हैं!
CamanJS
CamanJS छवि हेरफेर के लिए एक महान जावास्क्रिप्ट पुस्तकालय है। यह एक सुविधा सेट के साथ आता है जो आपको आमतौर पर एक छवि संपादक में मिलेगा। आप छवि को धुंधला, काला और सफेद कर सकते हैं, और यहां तक कि इसके विपरीत बढ़ा सकते हैं.
ClusterizeJS
Clusterize.js जावास्क्रिप्ट लाइब्रेरी है जो तालिकाओं में बहुत अधिक डेटा से निपटने पर प्रदर्शन को बढ़ाएगा। जैसा कि आप एक तालिका के साथ स्क्रॉल करते हैं, कहते हैं, सूची में 5000, सामान्य रूप से अनुभव सुस्त और झटकेदार होगा। यह जावास्क्रिप्ट लाइब्रेरी इस मुद्दे को संबोधित करेगी, जिससे स्क्रॉलिंग एक्शन सभी तरह से आसानी से हो जाएगा.
बैठो टेस्ट
बैठो टेस्ट CSS3, HTML5 और जावास्क्रिप्ट पर अपने कौशल और ज्ञान का मूल्यांकन करने के लिए प्रश्नों का एक संग्रह है। प्रत्येक परीक्षा को इन सभी प्रश्नों को पूरा करने के लिए कई प्रश्न और सीमित समय दिया जाता है। यह पता लगाने का एक अच्छा स्रोत है कि हम इन भाषाओं के साथ वास्तव में कितने अच्छे हैं.
HTML तीर
यह विशेष देशी यूनिकोड प्रतीकों का एक संग्रह है जिसे आप HTML और CSS में एम्बेड कर सकते हैं। इन पात्रों में तीर, मुद्रा और विराम चिह्न शामिल हैं। आप पाएंगे कि, कभी-कभी, आपको उन वर्णों को प्रदर्शित करने के लिए फ़ॉन्ट आइकन की आवश्यकता नहीं है.
Flickity
झिलमिलाहट आपकी वेबसाइट पर हिंडोला, गैलरी, या स्लाइडर्स प्रदर्शित करने के लिए एक जावास्क्रिप्ट पुस्तकालय है। यह टचस्क्रीन के लिए अनुकूलित है; यदि आप लैपटॉप पर हैं, तो आप एक उंगली, या ट्रैकपैड के साथ सहजता से स्लाइड कर सकते हैं। यह किसी भी तरह से पूर्ण अनुकूलन की अनुमति देने वाले विकल्पों के एक समूह के साथ आता है.
Typeslab
टाइप-स्लैब स्लैब-प्रकार का पोस्टर बनाने के लिए एक उपयोगी उपकरण है। बस सामग्री लिखें और फ़ॉन्ट चुनें, टाइपस्लैब तुरंत पोस्टर उत्पन्न करेगा। फिर आप इसे डाउनलोड कर सकते हैं या इसे Imgur में प्रकाशित कर सकते हैं.
MatchMedia
मैचमीडिया एक पुस्तकालय है जो सीएसएस मीडिया प्रश्नों की नकल करता है। पुस्तकालय वास्तव में ताजा नहीं है, लेकिन यह वास्तव में उपयोगी पुस्तकालय है जिसे मैंने सूची में डालने का फैसला किया है। यदि आपको उपयोगकर्ता व्यूपोर्ट आकार या मीडिया प्रकार के आधार पर स्क्रिप्टिंग करने की आवश्यकता है तो यह वह लाइब्रेरी है जो आप चाहते हैं.
निम्नलिखित एक उदाहरण है जिसका उपयोग स्क्रिप्ट को 320 पीएक्स में और व्यूपोर्ट के आकार के नीचे करने के लिए किया जाता है:
अगर (मैचमीडिया (केवल स्क्रीन और अधिकतम चौड़ाई: 320px) ')। मिलान)
सैस बर्गर
सैस बर्गर एक मिक्सिन के साथ आता है जो आपको एक बनाने की अनुमति देता है “हैमबर्गर” आइकन और इसे कम परेशानी के साथ एक क्रॉस मार्क में बदल दें.
मार्क्स
मार्क्स तत्व शैलियों को अधिक सुसंगत बनाने के लिए CSS शैली के नियमों का एक संग्रह है। यह अनुकूलन (सैस के साथ), हल्के और बॉक्स से बाहर काम करता है। Normalize.css जैसे पहले से ही लोकप्रिय CSS रीसेट टूल का एक अच्छा विकल्प.
CSS.js
CSS.js शैली घोषणा के लिए CSS फाइलों को पार्स करने के लिए उपयोग किया जाता है। लाइब्रेरी को शुरू में Jotform में टीम के लिए CSS के साथ फॉर्म संपादन के लिए WYSIWYG अनुभव बनाने के लिए इस्तेमाल किया गया था। अब उन्होंने इसे हम सभी के उपयोग के लिए खोल दिया है। बचत की चिंता, अगर आपको बाद में जरूरत पड़े तो ही.