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

सीएलआई (कमांड लाइन इंटरफ़ेस) के साथ हम सक्षम हैं वेब विकास वर्कफ़्लोज़ को सुव्यवस्थित और स्वचालित करना. और इसीलिए इस किश्त में हमने बहुत सारे भयानक सीएलआई शामिल किए हैं जिन्हें आप अपने स्थानीय कंप्यूटर पर स्थापित कर सकते हैं या सर्वर पर कुछ सामान चला सकते हैं। उसके ऊपर, हमने कुछ को भी शामिल किया है PHP टूल, ब्राउज़र ऐड-ऑन और जावास्क्रिप्ट लाइब्रेरी. चलो उन्हें बाहर की जाँच करें.

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

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

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

Guetzli

Google का एक नया एनकोडर छवि को 35% तक कम करने की अनुमति देता है गुणवत्ता को बनाए रखते हुए प्रारंभिक आकार से। यह काफी हद तक दी गई सफलता है जो समान ओपन सोर्स एनकोडर, जैसे कि JPEGOptim और jpegtran, avarage पर केवल 20% तक छाया हुआ है. मैं देख सकता हूं कि सीएमएस प्लेटफॉर्म के लिए कई एप्लिकेशन और प्लगइन्स होंगे जो जेपीईजी फाइलों को ऑप्टिमाइज़ करने के लिए गुत्ज़ली को एकीकृत करेंगे.

डेवलपर रोडमैप

जैसा कि नाम से ही स्पष्ट है कि डेवलपर रोडमैप एक है एक वेब डेवलपर होने की यात्रा की भौगोलिक. तीन पाठ्यक्रम हैं फ्रंट-एंड, बैक-एंड और देवओप्स। ये रोडमैप जैसे हैं, ठीक है, एक नक्शा है; और देखने के लिए एक महान संदर्भ हैं हम वर्तमान में कहां हैं, हम क्या याद कर सकते हैं, और हम आगे कहां जा रहे हैं.

नेटलाइज़ सीएमएस

SmashingMagazine ने हाल ही में बनाया है वर्डप्रेस को डायन करने के लिए साहसिक कदम और Netlify CMS नामक एक नए CMS के साथ पूरी तरह से कुछ नया करने की कोशिश करें। यह एक नया CMS है जो React.js के ऊपर बनाया गया है और हो सकता है Jekyll, Hugo, और MiddleMan जैसे किसी भी स्थिर साइट जनरेटर के साथ एकीकृत.

BadSSL

यह है वेबसाइट अपने एसएसएल विन्यास की जाँच करने के लिए. BadSSL आपकी साइट पर स्थापित SSL पर डीबगिंग और त्रुटियों को करने के लिए एक आसान उपकरण है.

एलिक्स

एलिक्स एक है Chrome एक्सटेंशन जो आपको अपनी वेबसाइट की ऑडेसिटी का ऑडिट करने की अनुमति देता है. एक बार स्थापित और सक्षम होने के बाद, प्लगइन पेज पर कई तत्वों के ऊपर एक ओवरले बॉक्स जोड़ेगा जो चेतावनी या त्रुटियां देता है.

AR.js

AR.js है जावास्क्रिप्ट पुस्तकालयों दूसरों के विपरीत. यह पुस्तकालय हमें वेब तकनीक का उपयोग करके संवर्धित वास्तविकता बनाने में सक्षम बनाता है, और आश्चर्यजनक रूप से मोबाइल फोन पर बहुत तेजी से चलता है.

प्रतिक्रिया की प्रवृत्ति

यह है आमतौर पर ट्रेंड दिखाने के लिए अनसप्लेश से कंप्लीट करें प्यारा लाइन चार्ट. घटक विन्यास योग्य है; आप लाइन की मोटाई, रंग, ग्रेडिएंट्स और वक्र चिकनाई सेट कर सकते हैं। आप बस GUI का उपयोग कर सकते हैं घटक कोड को आसानी से जनरेट करें.

Gitee

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

Goops

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

डीबग सीएसएस

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

EagleJS

ईगलज एक है प्रस्तुति बनाने के लिए जावास्क्रिप्ट लाइब्रेरी RevealJS के समान। ईगलज कुछ मायनों में अलग है; यह Vue.js, एक जावास्क्रिप्ट MVC फ्रेमवर्क का उपयोग करके बनाया गया है, और पग का उपयोग करें स्लाइड बनाने के लिए टेम्प्लेटिंग सिस्टम के रूप में.

BootstrapTour

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

ईंट

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

OctoTree

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

गीथब अधिसूचना

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

deployer

डिप्लॉयर आपके PHP साइटों को तैनात करने का एक उपकरण है। यह वर्डप्रेस, Drupal, Magento, Laravel, और CodeIgniter सहित कई लोकप्रिय फ्रेमवर्क और प्लेटफार्मों के साथ काम करता है। इस उपकरण के साथ, आप तैनाती के दौरान चलाने के लिए अपने स्वयं के व्यंजनों, आदेश का एक टुकड़ा लिख ​​सकते हैं। यह इसके साथ आता है रोलबैक वह सुविधा जो आपको विफलताओं के मामले में पिछले संस्करण में वापस जाने में सक्षम बनाती है.

PHPStan

एक CLI जो रनटाइम को निष्पादित किए बिना त्रुटियों को खोजने के लिए PHP फ़ाइलों को स्कैन करने के लिए। इसका मतलब है कि आपको अपने प्रोजेक्ट पर PHP फ़ाइलों को डीबग करने के लिए पूर्ण-स्टैक PHP वातावरण की आवश्यकता नहीं है.

NGINX बॉयलरप्लेट

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

बबली

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

वफ़ल ग्रिड

फिर भी, फ्लेक्सबॉक्स के साथ बनाया गया एक और सीएसएस ग्रिड ढांचा जो मुझे लगता है कि आपको देखना चाहिए.