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

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

    2015 वेब के लिए एक महान वर्ष था: वेब प्रौद्योगिकियां रही हैं एक वेबसाइट या एक वेब अनुप्रयोग के निर्माण से परे कई रूप कारकों में अपनाया गया. कई मोबाइल और डेस्कटॉप एप्लिकेशन अब HTML, CSS और जावास्क्रिप्ट का उपयोग करके बनाए गए हैं। यह वेब प्रौद्योगिकियों और पुस्तकालयों जैसे React.js, कोणीय और Node.js की पोर्टेबिलिटी प्रकृति द्वारा संभव है.

    तो, इस श्रृंखला की आज की किस्त में हमने एक मुट्ठी भर जावास्क्रिप्ट और सीएसएस पुस्तकालयों को एक साथ रखा है.

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

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

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

    फ्लैट स्लाइडर

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

    उपयोगिता ओपन-प्रकार

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

    ResponsifyJS

    कुख्यात बाधाओं में से एक उत्तरदायी छवियों का सामना करना पड़ता है, यह आमतौर पर छवि को ठीक से मापता है, लेकिन यह छवि के मुख्य केंद्र बिंदु को तब मोड़ता है जब इसे बहुत छोटे व्यूपोर्ट आकार में घटाया जाता है.

    ResponsifyJS लाइटवेट जावास्क्रिप्ट लाइब्रेरी है जिसका आप उपयोग कर सकते हैं छवि को बनाए रखने के लिए निर्देशांक सेट करें जबकि इसका आकार बदला जा रहा है.

    रैखिक

    रैखिक मैक के लिए एक शासक app है। आप वेब पेजों को मापने के लिए शासक का उपयोग कर सकते हैं, किसी तत्व के आकार का पता लगाए बिना DevTools खोल सकते हैं या पता लगा सकते हैं कि कोई तत्व पूरी तरह से केंद्रित है या नहीं। आपके पास कई शासक हो सकते हैं, और इकाई को पीएक्स से ईएम पर स्विच कर सकते हैं.

    StickyStack

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

    दर्शक

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

    प्लगइन कुल नियंत्रण के लिए एपीआई और कस्टम इवेंट्स का एक सेट भी प्रदान करता है प्रकाश बॉक्स प्रतिक्रिया और व्यवहार। क्या अधिक है, यह इंटरनेट एक्सप्लोरर 8 के लिए काम करता है.

    DeviceMock

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

    यह फ़ोटोशॉप का उपयोग करने के स्थान पर अपने वेब और ऐप को दिखाने के लिए एक अच्छा विकल्प हो सकता है.

    CLRS

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

    Colorify

    Colorify एक सुपर हल्के जावास्क्रिप्ट पुस्तकालय (3kb को छोटा) है प्रमुख रंग निकालें के साथ एक छवि से रंगों में हेरफेर करने के लिए बहुत सारे एपीआई. आप छवि को पूरी तरह से लोड करने, एक ढाल पृष्ठभूमि उत्पन्न करने, या छवि के रंग को पूरा करने के लिए पड़ोसी इंटरफ़ेस को समायोजित करने के लिए प्रतीक्षा करते समय एक प्लेसहोल्डर के रूप में निकाले गए रंग का उपयोग कर सकते हैं।.

    BookBlock

    BookBlock के लिए jQuery प्लगइन है पेज-फ्लिप प्रभाव के साथ एक बुकलेट बनाएं. यह आपकी वेबसाइट पर कई छवियों को प्रदर्शित करने के लिए एक सुंदर विकल्प है, खासकर अगर कोई अनुक्रम या प्रवाह है जिसे आप दिखाना चाहते हैं.

    BookBlock कैसे काम करता है, इसका अंदाजा लगाने के लिए आप यहां डेमो देख सकते हैं.