=========

24 मार्च 2013 तक अद्यतन
टाइपिंग के लिए उपयुक्त Neatbeans 5.3 नि: शुल्क IDE अपने प्लगइन के माध्यम से क्रोम में टाइप किए गए html को प्रदर्शित कर सकता है।
वेबस्टॉर्म वही कर सकता है।
नीचे वर्णित बैसाखी का एक गुच्छा अब जरूरत नहीं है!

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

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

आप बहुत से परिचित हैं, लेकिन और क्या है, या क्या आप दृढ़ता से आश्वस्त हैं कि आपके पास केवल कुछ हाथ हैं?

सबसे प्रसिद्ध के साथ शुरू करते हैं:

1।

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



Firebug
addons.mozilla.org/ru/firefox/addon/firebug

---

2. वेब विकास के लिए ब्राउज़र इतना उपयुक्त क्यों नहीं है?

02/18/15 के अनुसार अपडेट करें - यह अब पूरी तरह से अनावश्यक है।

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



वेब डेवलपर
addons.mozilla.org/ru/firefox/addon/web-developer

---

3. अरे होशियार! होवर सलाह के लिए क्या रंग लिंक?! - अच्छा ... उह ...

18 फरवरी, 2015 तक अपडेट - यह अब क्रोम में लागू किया गया है।
चेतावनी। 06/26/2013 को php तूफान में इसे लानत से लागू किया गया। रंग के साथ किसी भी शैली के लाइन नंबरों के बाईं ओर सीएसएस संपादित करते समय, इसका एक पूर्वावलोकन होता है, जिस पर क्लिक करने से पैलेट या पहले से उपयोग किए गए रंगों तक पहुंच खुल जाती है।

मेरे लिए, रहस्य यह है कि फायरपिकर बहुत अच्छी तरह से ज्ञात नहीं है। स्थापित करने के लिए आवश्यक है।
यह फायरबग के लिए एक ऐड-ऑन है। जब आप रंग के साथ सीएसएस क्षेत्र में क्लिक करते हैं, तो फ़ोटोशॉप की तरह एक पैलेट दिखाई देता है। रंग मिलान के लिए अब इसकी आवश्यकता नहीं है, प्लगइन के साथ सब कुछ वास्तविक समय में होता है। आप सज्जनों को बधाई - यह एक सफलता है।



Firepicker
thedarkone.github.com/firepicker

स्टाइलर कार्यक्रम पहले बहुत प्रासंगिक था ।
लेकिन बहुमुखी प्रतिभा द्वारा फायरबग + फायरपिकर एक मार्जिन से जीतता है। हाँ, और वे स्वतंत्र हैं।
लेआउट में बहुत कम रियलटाइम इवेंट हैं। Ctrl + s-> alt + tab-> f5 पर, जोड़ पहले से ही एक साथ बढ़ने लगे थे।
यह ऐसे रीयलटाइम उपकरण हैं जो भविष्य में मांग में होंगे, मुझे लगता है कि यह स्पष्ट है।

---

4. अच्छा, तुम सब कुच्छ क्यों बने हो! आपने लेआउट में ऐसा इंडेंट कहाँ देखा है, हुह?

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



PixelPerfect
pixelperfectplugin.com

---

5. नोटपैड ++ में फायरबग से सीएसएसपी पेस्ट? और फायरबग में सेव पर क्लिक करने की कोई इच्छा नहीं थी?

02/18/15 के अनुसार अपडेट करें - यह अब क्रोम में है और इसे वर्कस्पेस कहा जाता है
developer.chrome.com/devtools/docs/workspaces

चेतावनी। साफ सेम 5.3 (मुक्त) या php तूफान में 06/26/2013 को यह वास्तविक समय में काम करता है जैसा आप लिखते हैं।
यह मैं वर्षों से इंतजार कर रहा हूं।

मैं निम्नलिखित दो प्लगइन्स विवादास्पद मानता हूं, लेकिन मैं उनके अस्तित्व के बारे में जानना आवश्यक समझता हूं। उनमें कुछ है।
विकल्प A:

- फायरबग में सीएसएस नियम
- प्रेस सिंक (या alt + s)
- पृष्ठ को पुनः लोड करें और सुनिश्चित करें कि परिवर्तन लागू किए गए हैं!


cssUpdater
www.cssupdater.com
Code.google.com/p/css-x-fire के विचार के आधार पर

विकल्प बी:

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

FireFile
addons.mozilla.org/ru/firefox/addon/firefile

बेशक, ऐसे समय होते हैं जब सीएसएस विभिन्न फाइलों से बना होता है। परीक्षण से पहले बैकअप सीएसएस को मत भूलना। सब कुछ हो सकता है।

---

6. अब ये साइट्स जल्दी लोड होती हैं, लेकिन हमारे साथ क्यों ...

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

02/18/15 के अनुसार अपडेट करें - wordpress.org/plugins/youtube-speedload

आज, एक पेज पर बड़ी संख्या में YouTube वीडियो एक समस्या बने हुए हैं। पृष्ठ की गति, हालांकि यह सभी 100 अंक दिखाएगा, लेकिन किसी भी अनुकूलन के कारण गति में वृद्धि नहीं होगी। फ्लैश को लोड करने के लिए अभी भी बहुत लंबा समय लगता है। समाधान संभवतः संपर्क में जैसा है: खिलाड़ी के साथ स्क्रीनशॉट डालें और क्लिक करने पर, कंटेनर को स्वयं लोड करें। खैर, या एक HTML5 खिलाड़ी।

PageSpeed
developers.google.com/speed/pagespeed/download?hl=ru-RU

YSlow
याहू से भी विकास हुआ है:
addons.mozilla.org/ru/firefox/addon/yslow

---

7. फायरबग में कुकीज़ के बारे में पर्याप्त जानकारी नहीं है?

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



FireCookie
addons.mozilla.org/ru/firefox/addon/firecookie

---

8. एक पृष्ठ के लिए इतनी सारी शैलियाँ क्यों हैं? ऊ

कभी-कभी आप एक साइट, एक टेम्पलेट संपादित करते हैं। मैंने बहुत कुछ किया, लेकिन पुराने और आधे स्टाइल से सीएसएस अछूता नहीं रहा। उनकी गणना कैसे करें?



सीएसएस उपयोग
addons.mozilla.org/ru/firefox/addon/css-usage

---

अंत में, होमवर्क: लेआउट के लिए एक तालिका नहीं ली गई।

मैं टेबल डिज़ाइन में थोड़ी और कला पेश करना चाहता था, जो लेआउट के दौरान स्वाभाविक रूप से मेरे सिर में तनाव पैदा करता था। मैंने मैनेज नहीं किया।

स्थापना:
हमारे पास एक तालिका है जिसे चौड़ाई और ऊंचाई में खिंचाव चाहिए। समस्या यह है कि तालिका के किनारों पर अद्वितीय छाया और किनारों हैं। खेल मोमबत्ती के लायक है?



PSD फ़ाइल डाउनलोड करें । एक्सटेंशन को ज़िप में बदलें।