👈🏻 ➿ 👨🏾‍🤝‍👨🏻 वेब डेवलपर्स के लिए 20 सेवाएं और टिप्स 👨🏼‍💻 🐏 ⛏️

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

NounProject - एसवीजी छवियों का सबसे अच्छा और सबसे बड़ा संग्रह

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

कोडब्युटीफायर - CSS फाइलों के वजन में कमी के साथ CSS फाइलों का क्रॉस-ब्राउजर तैयार करना।

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

Iterm2 मैक ओएस के लिए सबसे अच्छा कंसोल है और मानक टर्मिनल के लिए एक प्रतिस्थापन है।

ख़ासियत यह है कि आप एक खिड़की को लंबवत और क्षैतिज रूप से दोनों में विभाजित कर सकते हैं, अर्थात, आप इसे पूर्ण स्क्रीन बना सकते हैं और इसे विभिन्न उद्देश्यों के लिए उपयोग करने के लिए विभिन्न आकारों के कई भागों में विभाजित कर सकते हैं।

स्प्रिटबैकर - सीएसएस में बाद के संभावित सम्मिलन के लिए बेस 64 में छवियों और फोंट को एन्कोड करता है, जिससे डाउनलोड की गति बढ़ जाती है

वेब डेवलपर - कई विशेषताओं के साथ फ़ायरफ़ॉक्स के लिए एक प्लगइन।

उदाहरण के लिए, कुकीज़ को देखें / दर्ज करें / संपादित करें, समरूपता के लिए स्थलाकृति देखें, चित्रों पर जानकारी और अधिक।

ColorZilla - फ़ायरफ़ॉक्स के लिए एक प्लगइन जो आपको स्क्रीन पर किसी भी बिंदु पर क्लिक करने और रंग कोड प्राप्त करने की अनुमति देता है।

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

DataUrl - एक छवि से कोड उत्पन्न करता है।

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

Pjax - कौन सा प्लगइन आपको पृष्ठ की सामग्री को फिर से लोड किए बिना बदलने की अनुमति देता है।

उदाहरण के लिए, ट्विटर की तरह, यह प्रयोज्यता पर बहुत सुविधाजनक और अच्छी तरह से परिलक्षित होता है, क्योंकि यह कूदता नहीं है और जब पृष्ठ को फिर से लोड किया जाता है तो यह पुनः लोड नहीं होता है। इसके अलावा, यह उत्पादकता बढ़ाता है, क्योंकि आप सभी सीएसएस, फ्रेमवर्क और अन्य सामग्री को अनलोड कर सकते हैं जो एक बार नहीं बदलता है, और केवल पृष्ठ के उस हिस्से को बदलता है जो वास्तव में बदलता है। एकमात्र समस्या यह है कि इस तकनीक का इतना अधिक उपयोग नहीं किया जाता है जब आप तृतीय-पक्ष सेवाओं के साथ एकीकृत करने के लिए समस्याएँ उत्पन्न होती हैं, उदाहरण के लिए, सामाजिक बटन, वे बस काम करना बंद कर देते हैं (केवल VKontakte ने इसे ध्यान में रखा, लेकिन फेसबुक और ट्विटर, उदाहरण के लिए, aren't नहीं)।

CopyPasteCharacter विशेष वर्णों का एक बड़ा समूह है।

उदाहरण के लिए, आपको पाठ, या Apple लोगो में TM आइकन सम्मिलित करने की आवश्यकता है, लेकिन यह कीबोर्ड पर नहीं है। हम इस साइट पर जाते हैं, प्रतीक को कॉपी करते हैं और जहां आवश्यक हो पेस्ट करते हैं।

नाम की जाँच - अगर कई इंटरनेट संसाधनों में दर्ज नाम दर्ज है तो जाँच।

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

Scrim - एक ईमेल को लिंक में परिवर्तित करता है।

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

फ़ॉन्ट तुलनित्र - आपको एक स्ट्रिंग में प्रवेश करने और यह देखने की अनुमति देता है कि यह विभिन्न फोंट में कैसे प्रदर्शित होता है।

यह फ़ॉन्ट का चयन करने के लिए बहुत सुविधाजनक है क्योंकि सबसे अच्छा विकल्प स्पष्ट रूप से दिखाई देता है।

आइकन खोजक - छवियों, लोगो और आइकन के लिए खोजें।

बस ईश की खोज में ड्राइव करें और उचित आइकन चुनें।

Smush.it - अनावश्यक बाइट्स को हटाकर तस्वीर के वजन को कम करता है।

यानी यह तस्वीर को बदले बिना वजन कम करता है।

WebSitePulse - साइट के लोडिंग पृष्ठों की गति, उनके वजन और अन्य उपयोगी जानकारी दिखाएगा।

लोडिंग गति के अनुकूलन और उनके बाद के शोधन के लिए "भारी" पृष्ठों की पहचान करने के लिए एक उत्कृष्ट संसाधन।

मैक ओएस के लिए विशेष रूप से कोडिंग के लिए Php तूफान सबसे अच्छा IDE संपादक है।

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

कोडब्युटिफ़ायर - अस्पष्ट सीएसएस फ़ाइल से एक अस्पष्ट और पठनीय सीएसएस फ़ाइल बनाता है।

अच्छे कोड लेखन के मामले में सहजता के लिए सुविधाजनक है।

बोनस 1

बहुत बार आप भयानक त्रुटि संदेश या बटन नाम देख सकते हैं, जिसके आधार पर यह स्पष्ट नहीं है कि क्या करना है। मैं आपको इस योजना का उपयोग करने की सलाह देता हूं:

1. सभी बटन को क्रिया कहा जाना चाहिए। यही है, बटन का नाम हमेशा "रद्द करें", "सहेजें", "हटाएं" और "समाप्त", "पूर्ण" और इतने पर पसंद नहीं होना चाहिए (क्योंकि क्या तैयार है? क्या किया गया है?)। बटन पर नाम से तात्पर्य कुछ क्रिया से है इसलिए क्रिया होनी चाहिए।

2. त्रुटि आउटपुट में आवश्यक रूप से 2 पंचर होना चाहिए:
क) क्या हुआ?
ख) क्या करना है?
त्रुटि "घातक त्रुटि" या "अज्ञात त्रुटि" या "सर्वर त्रुटि" या "त्रुटि 126581" की तरह नहीं दिखनी चाहिए। यदि त्रुटि स्क्रीन पर प्रदर्शित होती है, तो यह उपयोगकर्ता के लिए अभिप्रेत है, इसलिए, इसे सरल भाषा में बताना चाहिए कि क्या हुआ और क्या करना है। उदाहरण के लिए, "आपने गलत उपयोगकर्ता नाम दर्ज किया है, सही दर्ज करें।" यही है, सब कुछ तुरंत स्पष्ट है। यदि आप केवल एक बिंदु दर्ज करते हैं, उदाहरण के लिए, क्या हुआ, तो कभी-कभी यह स्पष्ट नहीं है कि आगे क्या करना है। या इसके विपरीत, अगर आपने संकेत दिया कि आगे क्या करना है, तो यह स्पष्ट नहीं है कि क्या हुआ।

बोनस 2

पृष्ठ लोडिंग को गति देने के लिए, किसी फ़ाइल से अनावश्यक रिक्त स्थान, वर्ण, टैब आदि को हटाने के लिए अक्सर उपयोगी होता है, साथ ही साथ टिप्पणियों को हटाना और किसी संभावित हमलावर को समझाना नहीं होता है या केवल किसी के लिए कैसे आपके लिए सब कुछ काम करता है। अर्थात्, मोटे तौर पर बोलना, स्क्रिप्ट को बिना किसी चीज़ के एक पंक्ति में रखना। ऐसा करने के लिए, "मिनीफ़ायर" नामक सेवाएं हैं। ये सभी एक ही प्रकार के CSS या JS या HTML फ़ाइलों के लिए अभिप्रेत हैं। लेकिन बहुत बार ऐसा होता है कि एक फ़ाइल में कई भाषाओं का उपयोग किया जाता है, इसके अलावा उन सभी को मिलाया जाता है। इस स्थिति में, आप मिनिफ़ायर का उपयोग नहीं कर सकते, क्योंकि यह कोड की सही व्याख्या नहीं करेगा।

चेतावनी! अच्छे कोड के दृष्टिकोण से, विभिन्न भाषाओं को एक फ़ाइल में नहीं लिखना बेहतर है, लेकिन विभिन्न फ़ाइलों को बनाने और शामिल करने के लिए।

लेकिन अगर किसी कारण से आपने यह सब समान किया है, तो निम्नलिखित एक सरल कोड है जो मैंने एक बार वैकल्पिक वर्णों को हटाने के लिए लिखा था, चाहे कोड में अलग-अलग भाषाओं में एक फ़ाइल हो। यह इन वर्णों को हटाता है और एक पंक्ति पर कोड प्रिंट करता है। केवल आवश्यकता यह है कि JS में टिप्पणियां फॉर्म / ** / की होनी चाहिए, अन्यथा नहीं।

एक स्क्रिप्ट जो वैकल्पिक वर्णों को हटाती है और एक पंक्ति में कोड बनाती है

<? function listdir($start_dir='.') { $files = array(); if (is_dir($start_dir)) { $fh = opendir($start_dir); while (($file = readdir($fh)) !== false) { if (strcmp($file, '.')==0 || strcmp($file, '..')==0) continue; $filepath = $start_dir . '/' . $file; if ( is_dir($filepath) ) $files = array_merge($files, listdir($filepath)); else array_push($files, $filepath); } closedir($fh); } else { $files = false; } return $files; } $files = listdir('.'); for($i=0;$i<count($files);$i++) { $file=$files[$i]; if(substr($file, -3) == "php" && $file != "./__.php") { $file_cleared = php_strip_whitespace($file); $file_cleared = preg_replace('#\s*/\*.*?\*/\s*#i', "", $file_cleared); $patterns[] = '/: /'; $patterns[] = '/\n/'; $patterns[] = '/ == /'; $patterns[] = '/ = /'; $patterns[] = "/\+ /"; $patterns[] = "/ \+/"; $patterns[] = '/ === /'; $patterns[] = '/ /'; $patterns[] = '/ /'; $patterns[] = '/ /'; $patterns[] = '/ /'; $patterns[] = '/ /'; $patterns[] = "/\t/"; $patterns[] = "/\<\?php/"; $patterns[] = "/\} /"; $patterns[] = "/ \}/"; $patterns[] = "/ \{/"; $patterns[] = "/\{ /"; $patterns[] = "/\) /"; $patterns[] = "/ \)/"; $patterns[] = "/ \(/"; $patterns[] = "/\( /"; $patterns[] = "/\> /"; $patterns[] = "/\; /"; $patterns[] = "/\%\(/"; $replacements[] = ':'; $replacements[] = ''; $replacements[] = '=='; $replacements[] = '='; $replacements[] = '+'; $replacements[] = '+'; $replacements[] = '==='; $replacements[] = ' '; $replacements[] = ' '; $replacements[] = ' '; $replacements[] = ' '; $replacements[] = ' '; $replacements[] = ''; $replacements[] = '<?'; $replacements[] = '}'; $replacements[] = '}'; $replacements[] = '{'; $replacements[] = '{'; $replacements[] = ')'; $replacements[] = ')'; $replacements[] = '('; $replacements[] = '('; $replacements[] = '>'; $replacements[] = ';'; $replacements[] = '% ('; $finish = preg_replace($patterns, $replacements, $file_cleared); file_put_contents($file,$finish); echo $file,"<br>"; } } ?>

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

युपीडी
1. बेस 64 और सीएसएस के बारे में लिंक सही किया गया (गलत अर्थ पहले बताया गया है)
2. कुछ आलोचना के बाद, लेख को प्रारूप के रूप में रखा गया था, लेकिन इसे वापस पाने के लिए कई संदेश मिले, इसलिए मैंने इसे ठीक किया और इसे वापस प्रकाशित किया। यदि कुछ और गलत है, तो कृपया ठीक करने या हटाने के लिए लिखें।

वेब डेवलपर्स के लिए 20 सेवाएं और टिप्स

बोनस 1

बोनस 2

More articles: