वेब डिजाइनरों और डेवलपर्स के लिए नए संसाधन (अगस्त 2016)

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

यह एक अच्छा संकेत है, क्योंकि अधिक कंपनियां अब ओपन-सोर्स में योगदान कर रही हैं और बेहतर वेब को आकार देने में मदद कर रही हैं। आइए एक नज़र डालते हैं कि इस महीने के संकलन के लिए क्या है.

अधिक संसाधनों के लिए क्लिक करें

अधिक संसाधनों के लिए क्लिक करें

अनुशंसित संसाधनों और उपलब्ध सर्वोत्तम वेब डिज़ाइन और विकास टूल के हमारे पूरे संग्रह का पता लगाएं.

CuteStrap

Sass के ऊपर बना एक UI फ्रेमवर्क। यह सभी सबसे आम वेब इंटरफेस जैसे फॉर्म, नेवीगेशन और बटन के साथ आता है, जो कई मामलों में पर्याप्त होना चाहिए। यदि आप बूटस्ट्रैप और फाउंडेशन जैसे लोकप्रिय ढांचे को पाते हैं, Cutestrap आपके लिए एक बढ़िया विकल्प हो सकता है.

HTML5 टेस्ट

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

ब्राउज़र कैलोरी

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

Weex

Weex सिर्फ HTML, CSS और जावास्क्रिप्ट के साथ मोबाइल ऐप बनाने के लिए अलीबाबा से एक फ्रेमवर्क है। यह मॉड्यूल, यूआई घटकों, अपने स्वयं के DevTools और CLI के साथ आता है जो मोबाइल वातावरण की ओर और विकास को गति देने के लिए डिज़ाइन किया गया है.

Microsoft वेब फ्रेमवर्क (MWF)

Microsoft से एक ढाँचा, UI घटक MWF Microsoft आधुनिक डिज़ाइन भाषा के आधार पर बनाया गया है: सपाट, स्वच्छ और न्यूनतर। यूआई घटकों से अलग यह ढांचा कलर्स, टाइपोग्राफी और एनिमेशन के उपयोग को भी दिशा देता है। मुझे लगता है कि मटीरियल डिज़ाइन लाइट आखिरकार एक बराबर दावेदार से मिल गया है.

महत्वपूर्ण

महत्वपूर्ण एक बहुत ही आकर्षक न्यूनतम इंटरफ़ेस के साथ एक रूपरेखा है। यह हल्का है, इसमें कोई जावास्क्रिप्ट नहीं है, और मूल रूप से दुष्ट - रूबी पर आधारित एक वाक्यविन्यास है.

Fontea

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

बूंदा बांदी

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

intercooler

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

Picla

Picla छवि से पुनर्प्राप्त छवि लेबल दिखाने के लिए एक jQuery प्लगइन है alt विशेषता। यह आपको लेबल में कस्टम स्टाइल और मोशन जोड़ने के लिए कुछ विकल्प प्रदान करता है। Picla को Bower के साथ आपकी वेबसाइट पर निर्भरता के रूप में स्थापित किया जा सकता है.

IziModal

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

MegaBoilerplate

MegaBoilerplate जल्दी से एक विकास ढेर सेटअप करने के लिए एक जनरेटर है। वेबसाइट पर जाएं और कौन से टूल और लाइब्रेरी (Node.js, HTML5, वेनिला जावास्क्रिप्ट और इलेक्ट्रॉन) का चयन करें जो आप अपनी वेबसाइट के आधार के रूप में उपयोग करेंगे। यह एक ज़िपित पैकेज में आपकी ज़रूरत की सभी चीज़ों को संकलित और कॉन्फ़िगर करेगा, डाउनलोड के लिए तैयार होगा.

बहुत बड़ी गलती

वेब ऑडियो एपीआई का उपयोग करके आधुनिक ऑडियो प्लेयर प्रदर्शित करने के लिए जावास्क्रिप्ट लाइब्रेरी, बहुत बड़ी गलती ब्राउज़र में IE9 जितना पुराना काम करता है, और एमपी 3, वेब, डब्ल्यूएवी जैसे कई ऑडियो कोडेक्स का समर्थन करता है। सुविधाओं के बहुत सारे, मॉड्यूलर और कोई बाहरी पुस्तकालय के साथ काम करता है.

SuperEmbed

SuperEmbed एक छोटा जावास्क्रिप्ट लाइब्रेरी है जो मूल अनुपात को बनाए रखते हुए एम्बेडेड ऑब्जेक्ट्स को उत्तरदायी बनाता है। यह Youtube, Flickr, Vine, VideoPress और DailyMotion सहित कई स्रोतों का समर्थन करता है। डेमो देखें.

CleaveJS

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

टिपिंग ठेठ

FlippingTypical आपको अपने सिस्टम पर स्थापित सभी फोंट देखने की अनुमति देता है। मुझे लगता है कि इस ऐप का उपयोग करने की तुलना में अधिक सुविधाजनक है FontBook macOS में ऐप। मैं यादृच्छिक पाठ टाइप करता हूं और देखता हूं कि मेरे सिस्टम पर कौन से फोंट सबसे अच्छे लगते हैं.

LightTable

एक नया आईडीई जो मुझे लगता है कि खोज के लायक है। यह मैटस्टेनवेग (वर्डप्रेस संस्थापक) द्वारा समर्थित किकस्टार्टर परियोजना के रूप में शुरू हुआ और आखिरकार खुला स्रोत बन गया। यह आईडीई कितना अच्छा है, इसका अंदाजा लगाने के लिए आप इस वीडियो को देख सकते हैं.

कंप्रेसर

कंप्रेसर एक वेब ऐप है जो दृश्य गुणवत्ता खोने के बिना छवि फ़ाइलों को सबसे कम आकार तक संकुचित करता है। यह JPG, GIF, PNG और SVG को भी सपोर्ट करता है। यह ऐप फ्री है.

Microsoft साइट स्कैन

यह ब्राउज़र संगतता और पहुंच जैसे मुद्दों के लिए आपकी वेबसाइट का विश्लेषण करने के लिए Microsoft का एक आसान उपकरण है। यह टूल आपको यह बताने वाली एक रिपोर्ट सूचीबद्ध करेगा कि क्या आपकी वेबसाइट के बारे में कुछ भी सही नहीं है और आप समस्या को हल करने के लिए कैसे आगे बढ़ सकते हैं। कोशिश करो!

ब्लॉगिंग अक्षम करें

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