क्या वहाँ एक साइट है जो सीएसएस के एक बार लागू होने जैसा दिखता है, यह देखने के लिए विशिष्ट HTML का एक गुच्छा है?
मेरा मतलब है, कुछ का पूरा table, a, div, span, p, जो कुछ भी। आप वहां जाएं, अपने CSS में पेस्ट करें और परिणाम देखें।
जवाबों:
वाह, किसी ने सिर्फ एसओ पर यह पोस्ट किया।
यह वही है जो डॉक्टर ने आदेश दिया था: http://jsfiddle.net/
आप html, css और javascript लिख सकते हैं और इसे सीधे वहीं चला सकते हैं !! साथ ही उनके पास पहले से ही जेकरी और अन्य सामान के संदर्भ हैं!
मुझे लगता है कि इंटरनेट नियम 33 यदि आप चाहते हैं / इसकी कल्पना करते हैं, तो यह वहां से बाहर है! ;)
मैं बस http://colorschemedesigner.com/ पर ठोकर खाई ।
यह रंगों को चुनने के लिए बहुत अच्छा है और आपको यह देखने के लिए पेज दिखाएगा कि कलर स्कीम एक विशिष्ट पेज पर क्या दिखती है।
अपडेट: वेबसाइट अब http://paletton.com है
मैं किसी को नहीं जानता, लेकिन यह खुद को स्थापित करने के लिए सरल है। बस आपके द्वारा वर्णित सभी तत्वों के साथ एक मूल HTML दस्तावेज़ बनाएं। (यदि आप आवश्यक हो तो Lipsum.com से पाठ उत्पन्न कर सकते हैं ।) फिर अपनी शैलियों को देखने के लिए दस्तावेज़ सिर में एक CSS फ़ाइल से लिंक करें। अगली बार जब आप परीक्षण करना चाहते हैं, तो इसे दूसरी सीएसएस फ़ाइल की ओर इंगित करें।
आपने जो मांगा था, वैसा बिल्कुल नहीं, लेकिन मुझे कम.जॉ के लाइव वॉच मोड से प्यार है ।
आम तौर पर मैं एचटीएमएल या एक्सएचटीएमएल के किसी भी स्वाद में किसी भी तत्व / संयोजन का मजाक उड़ाता हूं, मैन्युअल रूप से आवश्यक है, लेकिन आप तत्वों का अपना स्वयं का दस्तावेज़ बना सकते हैं। यदि आप सभी ब्राउज़रों को खोलने के लिए एक दूसरे मॉनिटर (या दो, तीन, आदि) में प्लग करते हैं (या एक दूसरे कंप्यूटर का उपयोग करते हैं), तो आपके द्वारा सहेजे गए सभी परिवर्तनों को एक साथ उन सभी पर लाइव लागू किया जाता है।
LessCSS सिंटैक्स का उपयोग साधारण सीएसएस के साथ किया जा सकता है, लेकिन काम करने में आसान और लेने में आसान है (परिणाम सामान्य सीएसएस में बाद में परिवर्तित हो सकते हैं)।
एवियरी जैसे उपकरण आपको आसानी से स्क्रीन शॉट लेने की अनुमति देते हैं (नीचे स्क्रॉलिंग और सिलाई के स्वचालन सहित), जिसे जल्दी से एनोटेट किया जा सकता है (ऑन-लाइन साझा करने योग्य लिंक) या किसी अन्य टूल (जैसे फ़ोटोशॉप , जीआईएमपी , पेंट ) की तुलना में और बचाया जा सकता है .NET , आदि) उन्हें परतों के रूप में ओवरले करके और शीर्ष पर एक की पारदर्शिता को बदलकर।
संपादित करें:
यदि आप स्क्रीन शॉट प्रक्रिया को स्वचालित करना चाहते हैं (फाइल सेव पर) ताकि:
तब आप एक स्क्रीन वॉचर की तरह कुछ का उपयोग कर सकते हैं (कृपया पियर्सन ओरिएंटेशन का बहाना करें, बहुत सारे अन्य समाधान हैं) एक स्क्रीन धरनेवाला के साथ । पोस्ट प्रोसेसिंग को भी स्वचालित किया जा सकता है और यदि आप लगातार विंडो पोजिशन का उपयोग करते हैं (एक प्रोग्राम / डेस्कटॉप वातावरण इस में सहायता कर सकता है) स्क्रिप्ट के हिस्से के रूप में "क्रोम" ब्राउज़रों के आसपास कटा हुआ हो सकता है।
w3schools आपको HTML और CSS नियमों के साथ खेलने देता है। बस उस सीएसएस / एचटीएमएल को खोजें जिसे आप खेलना चाहते हैं और जहां यह कहते हैं, "उसके लिए प्रयास करें" देखें। यहाँ उनका border CSSपृष्ठ और यहाँ उनका खेल का मैदान है ।
मैं अपने सभी पृष्ठों को html / css में बनाता हूं फिर शैलियों के साथ / परिवर्तन / प्रयोग करने के लिए फायरबग या क्रोम वेबमास्टर टूल का उपयोग करता हूं। यह त्वरित, सरल और अस्थायी है, जो प्रयोग के लिए बहुत अच्छा है। साथ ही, आप अपने स्वयं के सर्वर पर अपने कोड के साथ काम कर सकते हैं, जो एक और बोनस है।
Buzzkill: यूआई डेवलपर हिस्सा आपको सावधान करता है कि यह एक सच्चे डिज़ाइन टूल में अवधारणा के लिए बेहतर है और फिर ब्राउज़र में अंतर के कारण नकल करने के लिए कोड करता है .... बस Sayin '...
साइड नोट - मैं Jquery के UI Themeroller का बहुत बड़ा प्रशंसक हूं। इस तरह के एक उपकरण Themeroller के पक्ष में शैलियों को बदलने के लिए मौजूद है। यह पूरी तरह से Themeroller के सीएसएस के माध्यम से एक साइट को थीम देना संभव है, फिर बस विभिन्न विषयों के बीच टॉगल करें। यदि आपने कभी इसकी कोशिश नहीं की है, तो यह वास्तव में तैनाती को गति दे सकता है, खासकर यदि आप उस "चमकदार" लुक की तलाश कर रहे हैं जो अभी बहुत लोकप्रिय है।
आप वहां जाएं, अपनी सीएसएस में पेस्ट करें और परिणाम देखें।
यहां आप जाएं: http://www.oswt.co.uk/developments/style_sheet_viewer/
वास्तव में प्रश्न में क्या आवश्यक है!
यकीन नहीं होता है कि क्या आप के लिए कहा है, लेकिन सीएसएस ज़ेन गार्डन में सीएसएस डिजाइनों के भार के साथ ऐसा एक HTML पृष्ठ है। आप इस साइट के लिए अपना खुद का सीएसएस लिख सकते हैं, उदाहरण बहुत प्रेरणादायक हैं।