यह वेब डेवलपमेंट में शुरुआती बिंदु के रूप में उपयोग करने के लिए क्लासलेस CSS थीम का संग्रह है। इसके पीछे स्रोत। मुझे यह थीम कैसे मिलेगी? इस स्निपेट को अपनी वेबसाइट के <head> में पेस्ट करें। कोई बग मिला? सूची में एक थीम जोड़ना चाहते हैं? GitHub पर cssbed स्रोत देखें।
एक अलग क्लासलेस थीम में यही पृष्ठ देखें: HTML only, awsm.css, bahunya, bamboo, bootstrap, evenbettermotherfucking, holiday.css, kacit, marxy, meyer, minicss, mvp.css, no-class, pico.css, sakura, sakura-vader, simple.css, stylize.css, tacit, thebestmotherfucking, tufte, vanilla-css, w3c-chocolate, w3c-traditional, water.css-dark, water.css-light, wright, yorha।
क्लासलेस थीम क्यों उपयोग करें? रिस्पॉन्सिव। अच्छा ब्राउज़र सपोर्ट। सुंदर। छोटा आकार (< कुछ kb) - आप हर कल्पनीय विजेट पर बाइट्स बर्बाद नहीं करते। कोई सीखने की अवस्था नहीं - HTML का उपयोग सामान्य रूप से करें बजाय डॉक्स में जाकर यह जानने के कि कौन सा क्लास क्या करता है और फ्रेमवर्क से लड़ने के। मूल Hacker News थ्रेड। क्या यह रिस्पॉन्सिव है? हाँ बिल्कुल! इसमें कोई फैंसी स्टाइल शामिल नहीं है इसलिए यह आसानी से मोबाइल रिस्पॉन्सिव है। बस प्रसिद्ध रिस्पॉन्सिव व्यूपोर्ट टैग जोड़ें और आप तैयार हैं! वास्तव में, इस पृष्ठ का आकार बदलने का प्रयास करें। सब कुछ बहुत अच्छी तरह से बहता है जैसा आप देखेंगे।
एलिमेंट डेमो: यह एक डेमो पेज माना जाता है इसलिए हमें और एलिमेंट चाहिए! फॉर्म एलिमेंट। कोड: नीचे कुछ कोड है, आप इसे Ctrl-C से कॉपी कर सकते हैं। क्या आप जानते हैं, alert(1) JavaScript में एक अलर्ट दिखा सकता है! // यह कंसोल पर एक संदेश लॉग करता है console.log('Hello, world!')। अन्य: यहाँ एक क्षैतिज नियम और छवि है क्योंकि मुझे नहीं पता कि उन्हें और कहाँ रखूँ। यह एक या अधिक औपचारिक है। यह एक ब्लॉककोट है। अच्छा पुराना प्रीफ़ॉर्मेटेड टेक्स्ट, बिल्कुल कोई कोड नहीं। और यहाँ एक अच्छी तरह से चिह्नित तालिका है! नाम: Godzilla, मात्रा: 2, मूल्य: $299.99; नाम: Mozilla, मात्रा: 10, मूल्य: $100,000.00; नाम: Quesadilla, मात्रा: 1, मूल्य: $2.22। टाइपोग्राफी: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dictum hendrerit velit, quis ullamcorper sem congue ac. Quisque id magna rhoncus, sodales massa vel, vestibulum elit. Duis ornare accumsan egestas. Proin maximus lacus interdum leo molestie convallis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut iaculis risus eu felis feugiat, eu mollis neque elementum. Donec interdum, nisl id dignissim iaculis, felis dui aliquet dui, non fermentum velit lectus ac quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. यह बोल्ड है, यह सामान्य है, यह सिर्फ बोल्ड है, और यह जोर दिया गया है! और अरे, यहाँ एक लिंक है।
स्रोत: Hacker News · HeadlinesBriefing द्वारा सारांशित