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

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

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

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

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

ओवरपास फ़ॉन्ट

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

लाइसेंस: ओएफएल (ओपन फॉन्ट लाइसेंस)

Pa11y

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

पहुंच पर अधिक संसाधन:

आधुनिक वेब और अभिगम्यता [वीडियो]
प्लेलिस्ट: थॉमस ब्रैडली द्वारा वीडियो []
एआरआईए वेब मानकों और एचटीएमएल ऐप्स एक्सेसिबिलिटी में एक नज़र

PressureJS

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

SplitJS

SplitJS एक हल्का जावास्क्रिप्ट पुस्तकालय है जो आपको अनुमति देता है ब्राउज़र विंडो व्यूपोर्ट को कई खंडों में विभाजित करें. आपने इसे आमतौर पर कोड-शेयरिंग वेबैप्स जैसे कि CodePen.io, JSFiddle, या JSBin में देखा होगा, जहां HTML, CSS और JS वर्किंग स्पेस को अपने सेक्शन में अलग किया जाता है।.

FlexibilityJS

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

LabellaJS

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

मूत

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

Grav

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

PatternPack

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

OhCrash!

जावास्क्रिप्ट में डिबगिंग बहुत मुश्किल हो सकता है। आपके उपयोगकर्ता त्रुटियों का अनुभव कर सकते हैं, जो शायद आपने विकास और परिनियोजन के दौरान अनुभव नहीं किया था क्योंकि आपके पास पहले से ही सही सेटअप है। यहाँ मुश्किल यह है कि त्रुटि केवल उपयोगकर्ता के ब्राउज़र में लॉग इन है। साथ में OhCrash अब तुम यह कर सकते हो लॉग को अपने Github रिपॉजिटरी में डालें, इसलिए आपको त्रुटि के बारे में अधिक जानकारी है.