सिंगल Div का उपयोग करके कला निर्माण

 (a.singlediv.com)
2 पॉइंट द्वारा GN⁺ 2024-05-03 | 1 टिप्पणियां | WhatsApp पर शेयर करें

A Single Div परियोजना का परिचय

  • Lynn Fisher ने 2014 से 2019 के बीच बनाया एक CSS ड्रॉइंग प्रोजेक्ट
  • लक्ष्य था केवल एक ही HTML `` टैग का उपयोग करके CSS से अलग‑अलग चित्र बनाना
  • GitHub के #divtober repository में यह प्रोजेक्ट किया गया
  • 'Buy me a coffee' लिंक से इस प्रोजेक्ट को सपोर्ट किया जा सकता है
  • 'View more single divs ⇨' लिंक पर क्लिक करके अधिक Single Div कला-कृतियाँ देखी जा सकती हैं

GN⁺ की राय

  • केवल CSS से विविध ग्राफिक्स बनाना वेब डेवलपर्स के लिए चुनौतीपूर्ण होने के साथ-साथ बहुत रोचक विषय है। यह प्रोजेक्ट CSS की क्षमता और अभिव्यक्ति शक्ति का चरम उपयोग दिखाने वाला एक अच्छा उदाहरण हो सकता है।
  • सिर्फ एक `` टैग से चित्र बनाने की सीमा कई बार रचनात्मकता को और बढ़ा देती है। इससे डेवलपर्स को नई CSS तकनीकों को सीखने और प्रयोग करने का मौका मिलता है।
  • कोड गैोल्फ (Code Golf) जैसी चुनौती की तरह, न्यूनतम कोड में वांछित परिणाम बनाना डेवलपर्स की समस्या समाधान क्षमता को मजबूत कर सकता है।
  • हालांकि वास्तविक प्रोडक्शन वातावरण में performance और maintainability जैसी चीज़ें ध्यान में रखनी पड़ती हैं, इसलिए इस तरीके को सीधे लागू करना कठिन हो सकता है। इसलिए इस प्रोजेक्ट का उपयोग सिर्फ CSS सीखने और प्रयोग के उद्देश्य तक सीमित रखना बेहतर है।
  • आशा है कि Lynn Fisher का यह रचनात्मक प्रोजेक्ट कई वेब डेवलपर्स को प्रेरित करेगा और CSS के प्रति उनकी रुचि और उत्साह को बढ़ाएगा।

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

1 टिप्पणियां

 
GN⁺ 2024-05-03
Hacker News टिप्पणी
  • CSS की मदद से Simpson परिवार के चरित्रों को केवल एक ही HTML `` टैग से बनाने वाला एक शानदार डेमो प्रोजेक्ट पेश किया गया।
  • यह Browser Developer Tools के Inspector में तो साफ़ दिखता है, लेकिन Source view में देखने पर उसकी readability बहुत खराब लगती है।
  • इसी तरह के कई CSS Art प्रोजेक्ट पहले भी Hacker News पर कई बार ज़ोरदार चर्चा में रहे हैं।
  • CSS Art, तीन.js जैसी 3D graphics library की तुलना में कहीं अधिक कठिन और time-consuming होने के बावजूद, वेब accessibility के लिहाज़ से अब भी बेहतर विकल्प हो सकता है।
  • मोबाइल पर भी अच्छी तरह दिखने की पुष्टि हुई और ग्राफिक डिज़ाइन की समझ भी बेहतरीन मानी गई।
  • कई लोगों का मानना था कि M1 MacBook पर थोड़ा सा lag महसूस होता है।
  • “एक ही div” का असली मतलब क्या है और इसमें कौन सी तकनीकें इस्तेमाल हुईं, इसे लेकर जिज्ञासा व्यक्त की गई।