मुखपृष्ठ » वेब डिजाइन » वेब डिजाइनर और डेवलपर्स के लिए नए संसाधन (दिसंबर 2015)

    वेब डिजाइनर और डेवलपर्स के लिए नए संसाधन (दिसंबर 2015)

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

    तो चलो साथी वेब डेवलपर्स के लिए कुछ आसान उपकरणों के साथ वर्ष को लपेटो। हमारे पास जावास्क्रिप्ट लायब्रेरी के साथ ही साथ jQuery के साथ अधिक प्रभावी ढंग से काम करने के लिए उपकरण हैं। अधिक जानने के लिए, वेब डेवलपर्स श्रृंखला के लिए पूर्ण संसाधनों की जांच करें.

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

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

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

    Notie.js

    Notie.js एक अच्छे जावास्क्रिप्ट अलर्ट, सूचना और संवाद बॉक्स है। के बजाय का उपयोग कर चेतावनी () फ़ंक्शन जो सुस्त और थोड़ा दिखाता है चौंका देने वाला चेतावनी बॉक्स, आप इसे से बदल सकते हैं notie () शैली-सक्षम चेतावनी दिखाने के लिए लाइब्रेरी से कार्य करना। अपनी साइट के समग्र डिजाइन के साथ Notie.js के साथ आसानी से चेतावनी शैली का मिलान करें.

    गितूब कॉर्नर

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

    स्वीट (सुस्त) थीम्स

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

    jQuery का विन्यास

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

    SummerNote

    SummerNote WYSIWYG संपादक बनाने के लिए जावास्क्रिप्ट लाइब्रेरी है। समरनोट को प्रमुख ओपन-सोर्स प्रोजेक्ट्स के ऊपर विकसित किया गया है: jQuery, बूटस्ट्रैप और फ़ॉन्ट विस्मयकारी। समरनोट को नियोजित करना किसी भी अन्य JQuery लाइब्रेरी को तैनात करने के लिए उतना ही आसान है, और यह TinyMCE के लिए एकदम सही वैकल्पिक पुस्तकालय है, खासकर यदि आपका वेब बूटस्ट्रैप को अपनी नींव के रूप में भी उपयोग करता है।.

    BackstopJS

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

    SuitCSS

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

    बाइंड

    बाइंड एक देशी OS X ऐप है जो आपको TheGrid द्वारा विकसित एक लेआउट एल्गोरिथ्म GridStyleSheet का उपयोग करके वेब इंटरफेस और लेआउट बनाने की अनुमति देता है। जीएसएस आपको प्रभावी रूप से वेबसाइटों को लेआउट करने की अनुमति देता है। उदाहरण के लिए, सीएसएस के विपरीत, जीएसएस कोड की एक पंक्ति के साथ अपने तत्व कंटेनरों के ऊर्ध्वाधर संरेखण की अनुमति देता है.

    AntiModerate

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

    jQuery टिप्स आपको पता होना चाहिए

    कूल शीर्षक और यहां तक ​​कि कूलर सामग्री, यह jQuery सुझावों का एक समूह है, जिसे हमें पता होना चाहिए (उनमें से आधे काश मुझे बहुत पहले पता था, बहुत पहले)। पूरी तरह से जाँच के लायक है.