CSS Zen Garden प्रोजेक्ट

 (csszengarden.com)
2 पॉइंट द्वारा GN⁺ 2025-04-28 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • CSS Zen Garden CSS-आधारित डिज़ाइन की खूबसूरती दिखाने वाला एक प्रोजेक्ट है
  • HTML को समान रखा जाता है, और केवल external CSS file बदलकर अलग-अलग डिज़ाइन का अनुभव किया जा सकता है
  • प्रतिभागी CSS के ज़रिए web design की ताकत दिखा सकते हैं, प्रेरणा दे सकते हैं, और इसे learning material के रूप में उपयोग कर सकते हैं
  • मुख्य रूप से CSS 1 & 2 का उपयोग किया जाता है, जबकि CSS 3 & 4 का उपयोग सीमित रूप से होना चाहिए
  • जमा किए गए डिज़ाइन अलग-अलग browsers में एकसमान परिणाम दिखाने चाहिए, और कम-से-कम IE9+ तथा latest browsers में काम करने चाहिए

CSS Zen Garden का महत्व

  • CSS Zen Garden CSS की ताकत दिखाने और designers व developers को प्रेरित करने के लिए बनाया गया एक प्रोजेक्ट है
  • HTML को समान रखा जाता है, और केवल external CSS file बदलकर अलग-अलग डिज़ाइन का अनुभव किया जा सकता है
  • यह प्रोजेक्ट CSS की संभावनाएँ दिखाता है और web design की सुंदरता पर ज़ोर देता है

भाग लेने का तरीका

  • इसके लिए मज़बूत visual design और CSS skill की ज़रूरत होती है, लेकिन beginners भी example files के ज़रिए शुरुआत कर सकते हैं
  • style sheet को स्वतंत्र रूप से बदला जा सकता है, लेकिन HTML को बदला नहीं जा सकता
  • तैयार काम को web server पर upload करके उसका link submit करना होगा

भागीदारी के फायदे

  • पहचान बढ़ सकती है, प्रेरणा दी जा सकती है, और इसे CSS की अद्भुत संभावनाएँ दिखाने वाली सामग्री के रूप में उपयोग किया जा सकता है
  • यह web designers और developers को प्रेरित करने और learning material के रूप में उपयोग करने योग्य साइट है

आवश्यकताएँ

  • मुख्य रूप से CSS 1 & 2 का उपयोग करें, और CSS 3 & 4 का उपयोग सीमित रूप से होना चाहिए
  • अलग-अलग browsers में एकसमान परिणाम दिखने चाहिए, और कम-से-कम IE9+ तथा latest browsers में काम करना चाहिए
  • मौलिक काम जमा करना चाहिए और copyright का सम्मान करना चाहिए

कॉपीराइट और लाइसेंस

  • जमा किए गए graphics का copyright बना रहता है, और CSS को Creative Commons license के तहत उपलब्ध कराना चाहिए
  • दूसरों के सीखने के लिए CSS को साझा करना चाहिए

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2025-04-28
Hacker News टिप्पणियाँ

  • CSS के आने से पहले, वेब डेवलपर grid बनाने के लिए table elements का बहुत ज़्यादा इस्तेमाल करते थे और images को काटकर tables में रखकर layout बनाते थे

    • CSS के खिलाफ प्रतिक्रिया थी, और कई डेवलपर्स ने CSS सीखने से इनकार किया था
    • यह गलतफ़हमी थी कि CSS से केवल "उबाऊ और box-जैसे" design ही बन सकते हैं
    • Dave Shea ने CSS Zen Garden के ज़रिए CSS की संभावनाएँ दिखाकर इन गलतफ़हमियों को दूर किया
    • CSS से शानदार design बनाए जा सकते हैं, यह साबित करके बहस को ख़त्म कर दिया

  • यह साइट पुरानी है, लेकिन अच्छे अर्थ में अच्छी थी

    • 2000 के शुरुआती दशक में, इसने Microsoft ASP.NET से दूर जाकर Linux पर apps विकसित करने की दिशा दी
    • Alex Russell ने Dojo JS के ज़रिए नई जानकारी दी और tech news के महत्व का एहसास कराया
    • Web.py, HTML, JS और CSS से बने toolkit का इस्तेमाल किया गया, और बाद में jQuery, Backbone, Underscore, React, TS आदि आए

  • CSS Zen Garden का मुख्य बिंदु यह था कि meaningful HTML का अधिकतम उपयोग करके presentation और content को पूरी तरह स्वतंत्र रूप से चलाया जा सकता है

    • CSS की सीमाओं के भीतर design लागू किया जा सकता था
    • style बदलने के लिए अक्सर DOM को सीधे modify करना पड़ता था
    • HTML और Javascript स्तर पर presentation और content structure के फ़ैसलों को मिलाना पड़ता था

  • Zen Garden और Eric Meyer के ज़रिए CSS सीखने वाले व्यक्ति के रूप में, Tailwind जैसे आधुनिक CSS tools anti-pattern जैसे लगते हैं

  • यह Tailwind और CSS-in-JS के अंधकार युग में रोशनी डालने वाली चीज़ थी

    • 20 साल पहले CSS Zen Garden का महत्व समझना मुश्किल था

  • पुरानी चीज़ है, लेकिन अच्छी चीज़ है

    • कम-आय वाले हाई स्कूल छात्रों को web design सिखाने की नींव यही थी
    • छात्रों को web design प्रतियोगिताओं में CSS समझाना पड़ता था, और कई छात्रों ने desktop computers जीते
    • Dave Shea, Eric Meyer, Andy Budd आदि को सवाल भेजे गए और उनसे मदद मिली

  • दो design submit किए थे, और आज भी CSS reuse के अनुरोध मिलते हैं

  • इस साइट का अतीत में बड़ा प्रभाव था

    • उसी HTML content पर CSS और images submit की जा सकती थीं
    • कुछ design examples बहुत प्रभावशाली थे

  • पुरानी यादें... CSS Zen Garden बहुत पसंद था, लेकिन यह उस दौर का दर्शन था जब वेबसाइट का मुख्य उद्देश्य documents उपलब्ध कराना था

    • media से भरपूर दुनिया ने इस vision को पीछे छोड़ दिया

  • HN पर CSS Zen Garden को देखकर खुशी हुई

    • Tailwind जैसे CSS "frameworks" को लेकर असंतोष है
    • Tailwind CSS के काम करने का तरीका सीखे बिना भी "काफ़ी ठीक-ठाक" नतीजे दे देता है
    • HTML ऐसी स्थिति में पहुँच जाता है जहाँ उसमें content से ज़्यादा CSS classes होती हैं
    • गहराई और mastery को वैकल्पिक माना जाने की प्रवृत्ति है