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

एक साल से अधिक समय तक ऐसा करने के बाद, डिजाइनरों और डेवलपर्स के लिए इस मासिक संसाधन ढेर को लिखने के बारे में सबसे कठिन हिस्सा परिचय है। जब हम इस विषय पर हैं, तो यहां आपके फरवरी 2015 में आपके जैसे वेब डेवलपर्स के लिए सर्वोत्तम और सबसे अच्छे संसाधनों का पुनर्कथन होगा.

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

स्नातक एनिमेटर

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

एसवीजी पॉकेट गाइड

एसवीजी पॉकेट गाइड Joni Trythall द्वारा संकलित किया गया है। यह एक आसान संदर्भ है जो आपको एसवीजी की मूल बातें (जैसे आकार और पाठ बनाने) के माध्यम से और अधिक उन्नत सुविधाओं (जैसे ग्रेडिएटर्स, क्लिपिंग पथ और पैटर्न बनाना) के माध्यम से चलेगा। पुस्तक मार्कडाउन प्रारूप में आती है और अंग्रेजी और पुर्तगाली में उपलब्ध है.

Flexbugs

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

icono

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

डिलिंगर

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

HTML5Up

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

सीएसएस रंग

कभी आपने सोचा है कि किसी विशेष रंग का नाम क्या है? सीएसएस रंग मूल रंगों के संग्रह के लिए रंग का नाम और साथ ही हेक्स और RGBA प्रारूप दिखाता है। यह आपकी वेबसाइट के लिए सही रंग संयोजन खोजने के लिए एक अच्छा स्रोत है.

एम्मेट री-व्यू

Re-view एक क्रोम एक्सटेंशन है जो आपकी वेबसाइट को पार्स करता है @media प्रत्येक में निर्दिष्ट ब्रेकपॉइंट्स में प्रश्न और आपकी वेबसाइट प्रदर्शित करता है @media क्वेरी। यदि आप एक ऐसे उपकरण की तलाश कर रहे हैं जो उत्तरदायी वेबसाइटों का परीक्षण करते समय आपको थोड़ा समय बचा सकता है, तो यह वह उपकरण है जिसकी आपको आवश्यकता है.

TypeGenius

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

SearchCode

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