2014 के लिए 14 वेब डिजाइन और वेब विकास उपकरण

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

वेब डिजाइनरों के लिए

1. एडोब क्रिएटिव क्लाउड

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

2. यूआई चेहरे

चूंकि लेआउट के लिए सही चित्र ढूंढने में समय लग सकता है, यूआई चेहरे ट्विटर के माध्यम से अवतार लेते हैं और उन्हें आपके डिज़ाइन में उपयोग के लिए उपलब्ध कराते हैं।

3. Ito255

मैं लगभग हर दिन इस उपकरण का उपयोग करता हूं। 0to255 चयनित रंग की किस्मों को खोजना आसान बनाता है। यह चयन, सक्रिय राज्यों और हाइलाइट्स के लिए एक आदर्श उपकरण है।

4. गूगल फ़ॉन्ट्स

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

5. सैमुअल एल। इप्सम

फिल्म " नागिन की उड़ान " के प्रशंसकों के लिए, मैं "सैमुअल एल। इप्सम" (सैमुअल एल। इप्सम) प्रस्तुत करता हूं। यह एक लोरम इप्सम उद्धरण जनरेटर है। ध्यान रखें कि चुनने के लिए तीन विकल्प हैं: जैक्सन फिल्मों के लादेन अपवित्रता से उद्धरण, जैक्सन फिल्मों के शुद्ध उद्धरण और नियमित ओएल 'लॉरम इप्सम।

6. उत्तरदायी स्केच पैड

जब आप प्री-प्लानिंग चरण में होते हैं तो उत्तरदायी स्केच पैड यूआई टेम्पलेट आपके अच्छे साथी होते हैं। डॉट ग्रिड लाइनों को ब्राउजर में और मोबाइल डिवाइस पर रखना आसान बनाता है।

7. मैकॉ

यह उपकरण अभी तक जारी नहीं किया गया है, लेकिन यह पहले से ही एक बहुत दिलचस्प प्रस्ताव की तरह दिखता है। Macaw छवि संपादक के समान लचीलेपन का वादा करता है, लेकिन यह शब्दार्थ HTML और संक्षिप्त सीएसएस जादू करेगा।

वेब डेवलपर्स के लिए

1. कोडा 2

अपने सभी में एक कोड संपादक, FTP क्लाइंट और अंतर्निहित MySQL संपादक के कारण यह मेरा पसंदीदा है। कोडा 2 में एक प्रोग्रामिंग हेल्प लाइब्रेरी और विज़ुअल सीएसएस एडिटर भी शामिल है।

2. सीएसएस प्री-प्रोसेसर

आप जो विकसित कर रहे हैं उसके आधार पर, एक मार्गदर्शिका यहां आपकी सहायता करेगी। SASS को काम करने के लिए रूबी की आवश्यकता होती है (किसी भी मैक पर बिल्ट-इन) और बुनियादी स्तर पर LESS की तरह ही होता है, एक और प्रीप्रोसेसर। दोनों महान उपकरण हैं और नेस्टेड नियमों, घोला जा सकता है, चर, और तर्क के रूप में समय की बचत सुविधाएँ प्रदान करते हैं।

3. फ्रंट-एंड फ्रेमवर्क

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

4. ब्राउज़रस्टैक

यह पूरे सेट से पसंदीदा है। Browserstack आपको किसी भी ब्राउज़र में और किसी भी कॉन्फ़िगरेशन पर पूर्ण डिज़ाइन का परीक्षण करने की अनुमति देता है जिसके बारे में आप केवल सोच सकते हैं। यह एक उपयोगी उपकरण है अगर आपको अभी भी अपनी परियोजनाओं में IE7 और IE8 का समर्थन करने की आवश्यकता है।

5. पीठाधीश्वर

DNS और बूट समस्याओं का विस्तार Phatt के साथ करें। आप देखेंगे कि एक सामान्य प्रदर्शन संकेतक के साथ आपकी साइट पर विभिन्न संसाधनों को लोड करने में कितना समय लगता है।

6. क्रोम डेवलपर उपकरण

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

7. MAMP प्रो

आसानी से स्थानीय स्तर पर साइटों को ट्वीक करें। MAMP Pro, Apache, MySQL और PHP के विकास के वातावरण को स्थापित और प्रबंधित करना आसान बनाता है। यदि आप क्लाइंट के लिए बड़ी संख्या में साइट पर काम कर रहे हैं, तो आपके पास ऐसा सर्वर होना चाहिए।