वेब डिजाइनरों और डेवलपर्स के लिए नए संसाधन (अक्टूबर 2012)

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

चलो उन्हें बाहर की जाँच करें.

हमारे सभी नए संसाधन देखें (महीने के अनुसार):

अक्टूबर 2012
नवंबर 2012
दिसंबर 2012

सीएसएसएस

सीएसएसएस जो "सीएसएस-आधारित स्लाइडशो सिस्टम" के लिए खड़ा है, इसके द्वारा बनाई गई एक रूपरेखा है वेरू (CSS गुरु के रूप में जाना जाता है)। संक्षेप में, यह रूपरेखा आपको HTML और CSS वेब मानकों के साथ प्रस्तुति स्लाइड बनाने की अनुमति देती है। यह स्लाइड शो कीबोर्ड शॉर्टकट का समर्थन करता है ←, →, ↓ तथा ↑ स्लाइड के माध्यम से नेविगेट करने के लिए.

यदि आप CSS और HTML करते हैं, तो मुझे लगता है कि MS PowerPoint जैसे उच्च-मूल्य वाले सॉफ्टवेयर्स के लिए यह बेहतर (बेहतर) प्रतिस्थापन है.

BonsaiJS

बोनसाई एक सहज ज्ञान युक्त एपीआई के साथ एक हल्के जावास्क्रिप्ट ग्राफिक पुस्तकालय है। हम इस लाइब्रेरी का उपयोग सरल आकृतियों जैसे कि एक आयत, त्रिभुज, वृत्त या गहरी जटिलता के साथ एक ग्राफिक बनाने के लिए कर सकते हैं। इस लायब्रेरी का उपयोग स्केलेबल वेक्टर ग्राफ़िक (SVG) को असमर्थित ब्राउज़रों में फ़ॉलबैक के रूप में देने के लिए भी किया जा सकता है.

इसके अलावा, बोनसाई इन ग्राफिक्स को अधिक संवादात्मक बनाने के लिए एनीमेशन, इवेंट और फिल्टर सहित कुछ सुविधाएँ भी प्रदान करता है.

उत्तरदायी पैटर्न

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

एफ़िन टूलसेट

यह संभवतः आपको अपनी वेबसाइट विकसित करने में मदद करने की आवश्यकता है। Effin Toolsets वेब डेवलपर्स के लिए एक दर्जन उपयोगी उपकरणों का एक संग्रह है, जो सभी को एक स्थान पर पैक करते हैं.

इस संग्रह का एक उपकरण जो मुझे व्यक्तिगत रूप से बेहद उपयोगी लगता है वह है Entifier, यह उपकरण इन वर्णों को बदल देगा, < तथा >, उनके HTML कोड में ताकि आपका कोड स्निपेट सही तरीके से अंदर प्रस्तुत करे

टैग.

Susy

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

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

अनंत ड्रॉपडाउन नेविगेशन

एक ड्रॉपडाउन मेनू एक सामान्य घटक है जो हमने एक वेबसाइट पर पाया है। फिर भी, एक ड्रॉपडाउन नेविगेशन बनाना इतना आसान नहीं है जितना दिखता है. हैरी रॉबर्ट्स सीएसएस जादूगर की, सौभाग्य से, उसकी साझा की है “जादू कोड” एक अनंत ड्रॉपडाउन नेविगेशन बनाने के लिए (जो कि कमाल है).

बोरबॉन नीट

नीट एक उत्तरदायी ग्रिड ढांचा है जो आपको एक उत्तरदायी वेबसाइट को आसानी से चलाने में मदद करता है। यह Sass और Bourbon पर बनाया गया है, जो Sass के लिए उपयोगी मिश्रण का संग्रह है। यह रूपरेखा एक रूबी रत्न है, इसे इस कमांड लाइन के साथ टर्मिनल या कमांड प्रॉम्प्ट के माध्यम से स्थापित किया जा सकता है मणि स्थापित स्वच्छ.

Typicons

आइकन के लिए पर्याप्त नहीं होगा। टंकण फ़ॉन्ट आइकन का एक सेट है जिसमें लगभग 88 वर्ण होते हैं। आप इन आइकनों के माध्यम से जोड़ सकते हैं @फॉन्ट फ़ेस सीएसएस छद्म तत्वों के साथ उन्हें अपनी वेबसाइट पर नियम और लागू करें या उन्हें सीधे अपने HTML चरित्र के साथ एम्बेड करें.

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

व्याख्याकार

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

हवाई अड्डा

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

निष्कर्ष

इस महीने के लिए बस इतना ही। क्या आपने इनमें से कोई सामान आजमाया है? आपका पसंदीदा कौन है? क्या आपको वेब डिज़ाइनरों / डेवलपर्स के लिए कोई अन्य अच्छा सामान मिला है जो हमने इस सूची से याद किया था?.

नीचे टिप्पणी बॉक्स में उन्हें साझा करने के लिए स्वतंत्र महसूस करें, और हम आपके विचारों को भी सुनना चाहेंगे.