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

ऐसा लगता है कि विकास समुदाय हाल ही में अधिक सक्रिय है क्योंकि पिछले कुछ महीनों में काफी नए उपकरण जारी किए गए हैं। श्रृंखला के इस दौर में, मैं कुछ ऐसे उपकरणों पर प्रकाश डालूँगा जो ध्यान देने योग्य हैं.

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

Pushbar.js

स्लाइडिंग दराज बनाने के लिए यह एक जावास्क्रिप्ट लाइब्रेरी है। आमतौर पर साइट मेनू नेविगेशन को प्रदर्शित करने के लिए स्लाइडिंग दराज का उपयोग किया जाता है, लेकिन आप अपनी साइट के लिए उपयुक्त कुछ भी प्रदर्शित करने के लिए इस लाइब्रेरी का उपयोग कर सकते हैं। Pushbar.js है पूरी तरह से अनुकूलन और निर्भरता मुक्त, कोई jQuery की आवश्यकता है.

कार्बन अब सी.एल.आई.

कार्बन CLI एक Node.js पैकेज है एक कोड स्क्रीनशॉट उत्पन्न करते हैं एक कमांड लाइन इंटरफ़ेस के माध्यम से खूबसूरती से। यह टूल carbon.now.sh से प्रेरित है जहां आप ब्राउज़र पर एक अच्छे GUI के माध्यम से ऐसा कर सकते हैं.

Faker.js

एक जावास्क्रिप्ट पुस्तकालय एक डमी डेटा बनाएँ. यह नाम, डाक का पता, कंपनी का नाम, फोन नंबर, तारीख, और कई और अधिक जैसे डेटा का एक बड़ा हिस्सा बनाने का समर्थन करता है। यह सभी डेटा बहुत उपयोगी हो सकते हैं अपने वेब एप्लिकेशन का परीक्षण करें.

TermToSVG

TermToSVG ​​एक है लिनक्स टर्मिनल रिकॉर्डर यह एसवीजी एनीमेशन में आपकी कमांड लाइन सत्रों को प्रस्तुत करता है। यह एक ट्यूटोरियल लिखने के लिए डेवलपर्स के लिए एक उपयोगी उपकरण है.

डेटाबेस बैकअप प्रबंधक

यह एक PHP लाइब्रेरी है, और जैसा कि नाम से ही स्पष्ट है, यह एक प्रकार का कार्य प्रदान करती है डेटाबेस का बैकअप लें और पुनर्स्थापना करें. लाइब्रेरी ड्रॉपबॉक्स, अमेज़ॅन S3, FTP और SFTP और Rlloud क्लाउड सहित बैकअप भेजने या खींचने के लिए विभिन्न सेवाओं का समर्थन करता है.

रिएक्ट बिट्स

React.js तकनीकों, युक्तियों और ट्रिक्स का एक विनम्र संग्रह, रिएक्ट बिट्स में सामान्य डिज़ाइन पैटर्न, स्टाइलिंग और प्रदर्शन युक्तियां शामिल हैं। यह वास्तव में है अपने React.js कौशल को समतल करने के लिए महान संसाधन.

DSS भाषा

DSS का निर्धारण निर्धारक शैलीशीतों के लिए होता है, जो एक नया CSS संलेखन उपकरण है। यह कैसे काम करता है और यह मेरे दिन-प्रतिदिन के काम पर कैसे लागू किया जा सकता है? मुझे ईमानदारी से अभी तक कोई पता नहीं है। लेकिन यह अच्छा लग रहा है और यह नया है इसलिए यह सूची में है। धन्यवाद!

PurgeCSS

PurgeCSS एक एनपीएम पैकेज है जो अनुमति देता है CSS आउटपुट को ऑप्टिमाइज़ करें अपने वेब अनुप्रयोग में उन लोगों को हटाकर जो उपयोग में नहीं हैं। इस टूल में विभिन्न प्रकार के बिल्ट-इन टूल सपोर्ट शामिल हैं, जिनमें गुलप, ग्रंट, ग्रंट, वेबपैक और पोस्टसीएसएस शामिल हैं, ताकि आप कर सकें इसे अपनी परियोजना में एकीकृत करें बिल्कुल अभी.

आरएफएस

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

SimpleBar

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

Larastan

लार्सन का एक आवरण है लारवेल के लिए PHPStan. PHPStan एक उपकरण है जो आपको यूनिट टेस्ट लिखने की आवश्यकता के बिना संभावित त्रुटि के लिए अपने कोड की जांच करने की अनुमति देगा। यह कई तरीकों की जाँच करता है, जिसमें कहा जाता है कि विधियों और कार्यों के अस्तित्व, प्रकारों को निर्दिष्ट गुण, संख्या और प्रकार जिन्हें कक्षा निर्माता को सौंपा गया है, और phpDocs को मान्य कर.

PWMetrics

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

शांति

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

SustyWP

SustyWP एक है वर्डप्रेस थीम का उद्देश्य बेहतर कारण है; संभव के रूप में सबसे छोटा करने के लिए अपने आकार को कम करके कार्बन पदचिह्न को कम करने के लिए। ब्राउज़र पर लोड होने पर इसका वजन केवल 7-6kb है। आईटी इस तेज और हल्का, और बदले में, साइट को लोड करने के लिए कम संसाधनों (जैसे बिजली) की खपत होती है। जैक लेनॉक्स द्वारा इस पोस्ट में थीम बैकस्टोरी देखें.

द डूडल लाइब्रेरी

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

Tilt.js

के लिए एक jQuery प्लगइन एक कल्पना बनाएँ झुकाव प्रभाव उन पूर्वावलोकन थंबनेल के समान है जो हम Apple TV पर देखते हैं। इसके लिए अतिरिक्त CSS की जरूरत नहीं है। वे इस पृष्ठ में कार्यान्वयन के कुछ नमूने भी प्रदान करते हैं, इसलिए इसका उपयोग करना काफी सीधा है। सुनिश्चित करें कि आप चमक प्रभाव की जाँच करें; वास्तव में यह अच्छा है.

Fileroom

Fileroom के लिए एक वेब अनुप्रयोग है समान नेटवर्क के भीतर सहकर्मी से सहकर्मी फ़ाइल साझा करना. आप OS की परवाह किए बिना केवल ड्रैग-एन-ड्रॉप द्वारा अपने सहयोगी के साथ फाइल साझा कर सकते हैं। यह विंडोज, मैकओएस, लिनक्स में काम करता है.

Coolhue

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

चट्टान

UI बनाने के लिए एक साधारण जावास्क्रिप्ट लाइब्रेरी, रीफ में React.js या Vue.js. जैसी बड़ी लाइब्रेरी से सभी घंटियाँ और सीटी नहीं हैं। लेकिन अगर आप सभी की जरूरत है एक यूआई प्रदान करें, बस डेटा इनपुट और टेम्पलेट रीफ एक महान विकल्प हो सकता है। यह सिर्फ 2Kb वजन है

सदाबहार

Segment.io से UI घटक का एक संग्रह। घटक काफी विविध हैं; कुछ नियमित घटकों जैसे कि बटन, प्रतीक, पाठ इनपुट के अलावा, कुछ ऐसे हैं जो मुझे लगता है कि एवरग्रीन के लिए अद्वितीय हैं जैसे टोस्टर, साइड शीट और कॉर्नर डायलॉग.