डिजाइनर एंडी क्लार्क ने अपने प्रसिद्ध बॉयलरप्लेट 320 और ऊपर के प्रतिस्थापन की घोषणा की है।
नई परियोजना रॉक हैमर है, जो "मैक के लिए हैमर के लिए क्यूरेटेड प्रोजेक्ट लाइब्रेरी" है, लेकिन यह ओएस एक्स ऐप तक पहुंच की कमी वाले किसी भी व्यक्ति द्वारा उपयोग योग्य है।
.net ने क्लार्क से 320 और अप को बदलने के पीछे उनके तर्क के बारे में बात की, और कैसे नए डिज़ाइन वर्कफ़्लोज़ की आवश्यकता ने उनकी नवीनतम रचना को प्रभावित किया।
.net: आपने 320 और Up पर काम करना बंद करने का फैसला क्यों किया?
एसी: मैं थोड़ी देर के लिए सोच रहा था कि क्या इसमें और जगह है। जब मैंने मूल रूप से 320 और ऊपर लिखा था, तो प्रमुख ढांचे स्टाइल शीट डेस्कटॉप-डाउन की संरचना कर रहे थे। मैंने 320 और अप को पहले के रूप में रखा, जिसने सब कुछ अपने सिर पर ले लिया और मोबाइल-फर्स्ट/कंटेंट-फर्स्ट चला गया, जो अब मानक है।
दूसरे पुनरावृत्ति में, 320 और ऊपर वास्तव में मेरे टाइपोग्राफिक और HTML तत्व स्टाइल डिफॉल्ट होने के बारे में अधिक हो गए - जो सामान मैंने हर प्रोजेक्ट में डाला। लेकिन यह ऊर्जा से बाहर चल रहा था, और मैंने इसे कुछ समय के लिए अपडेट नहीं किया है।
.net: रॉक हैमर के पीछे क्या प्रेरणा थी?
एसी: मैं मैक के लिए शानदार हैमर के साथ कुछ महीनों से काम कर रहा था, जो सभी प्रकार के एचटीएमएल, सीएसएस और जावास्क्रिप्ट को प्रोसेस करता है। चूंकि मैं मुख्य रूप से स्थिर फाइलों के साथ काम करता हूं, मुझे शायद ही कभी साइटों को बनाना पड़ता है। मेरा अधिकांश डिज़ाइन डिलीवर करने योग्य HTML, CSS और थोड़ी जावास्क्रिप्ट है।
हैमर वास्तव में अच्छी चीजें करता है जो स्थिर HTML और CSS लिखते समय वर्कफ़्लो को गति देता है। इसमें चर और चतुर पथ हैं, इसलिए आपको संपत्तियों के लिए पूर्ण पथ निर्दिष्ट करने की आवश्यकता नहीं है और आसानी से चीजों को इधर-उधर कर सकते हैं। मैंने मन ही मन सोचा कि, चूंकि मैं हर समय ऐप का उपयोग कर रहा था, इसलिए मुझे एक टूलकिट बनानी चाहिए जो इसके साथ अच्छी तरह से काम करे। मैंने जो बनाया वह अकेला खड़ा हो सकता है, लेकिन मेरा मुख्य उद्देश्य उन 320 और ऊपर के सिद्धांतों को लेना और उन्हें हैमर के लिए वास्तव में एक अच्छा टूलकिट बनाना था। और यही रॉक हैमर है।
.net: हैमर और रॉक हैमर के बारे में ऐसा क्या है जो आपको वर्कफ़्लो के दृष्टिकोण से आकर्षित करता है?
एसी: मैं लेआउट के बारे में सोचे बिना साइटों को विकसित करने के लिए वास्तव में उत्सुक हूं, डिजाइनिंग के इस विचार को आगे बढ़ाता हूं जिसे मैं 'वातावरण' कहता हूं, [जो कि एक साइट के सभी तत्वों को लेआउट के संदर्भ से बाहर करता है। आप पहले उन चीजों को डिजाइन करते हैं, टाइपोग्राफी के बारे में सोचते हुए, मूड और इंटरैक्शन के लिए रंग थीम, गोल कोनों या चौकोर किनारों वाले बक्से जैसे बनावट वाले सामान। आप जो नहीं करते हैं वह एक कैनवास बनाता है - एक फोटोशॉप कॉम्प।
रॉक हैमर जो करता है, वह उन सभी तत्वों को स्टाइल करने के लिए वास्तव में त्वरित बनाता है। आपको शाब्दिक रूप से केवल एक दर्जन चर भरने होंगे और आपको वास्तव में एक त्वरित 'थीम' मिल जाएगी।
.net: क्या आपको लगता है कि यह कुछ ऐसा है जो अब वेब पर काम कर रहे अधिक पारंपरिक डिजाइनरों के लिए उपयोगी होगा?
एसी: निश्चित रूप से। हमने एक नया डिज़ाइनर लिया है और वह वास्तव में बहुत बढ़िया है, लेकिन कोड नहीं जानती है। फोटोशॉप डिजाइनिंग बटन और टाइप में समय बिताने के बजाय, मैं चाहता हूं कि वह उस सामान में काम करे, जिससे वेब पेज बने हैं। तो हमने जो किया वह रॉक हैमर फाइलों को कॉन्फ़िगर किया गया था ताकि एक फाइल लगभग सब कुछ नियंत्रित कर सके। यह वास्तव में अच्छी तरह से टिप्पणी की गई है और एक कहानी की तरह लिखी गई है: आप इसे पहले करते हैं, और फिर आप अगला काम करते हैं।
ध्यान दें, कि यह फ़ोटोशॉप [छोड़ने] के बारे में नहीं है, बल्कि [आवश्यकता को रोकने] के बारे में अंतहीन कंप्स बनाने के बारे में है। एक डिजाइनर को अनिवार्य रूप से यह नहीं पता होना चाहिए कि सीएसएस में एक पूर्ण पृष्ठ लेआउट कैसे करना है या एक सूची को टैब में स्टाइल करना है ताकि यह क्रॉस-ब्राउज़र हो। लेकिन उन्हें जो करने में सक्षम होना चाहिए वह इस PSD चरण से आगे बढ़ना है और कुछ ऐसा वितरित करना है जो वेब का है। उम्मीद है, रॉक हैमर इसे आसान बना देगा।
