आज मैंने अपना पहला वीएस कोड एक्सटेंशन प्रकाशित किया - इसे दबाएँ! यह एक्सटेंशन आपके सीएसएस कोड के लिए क्लैंप्ड आकार उत्पन्न करना आसान बनाता है।

मैंने इसे इसलिए बनाया क्योंकि मैं अधिक उत्पादक बनना चाहता था। मेरी वर्तमान प्रक्रिया में एक ऑनलाइन क्लैंप जनरेटर वेबसाइट पर जाना, वांछित आकार दर्ज करना और फिर इसे मेरे कोड में कॉपी-पेस्ट करना शामिल है।

मैंने इसे ChatGPT की मदद से बनाया है। 90% कोड ChatGPT द्वारा तैयार किया जाता है। मुझे कुछ चीजों में बदलाव करना पड़ा और मुझे यह विचार आया, इसलिए मुझे लगता है कि मैं कुछ श्रेय का हकदार हूं।

इसका उपयोग शुरू करने के लिए, पहले इसे वैश्विक सेटिंग्स.जेसन फ़ाइल (कमांड पैलेट: प्राथमिकताएं: उपयोगकर्ता सेटिंग्स खोलें (जेएसओएन)) या अपनी प्रोजेक्ट सेटिंग्स.जेसन फ़ाइल (कमांड पैलेट: प्राथमिकताएं: खोलें) में निम्नलिखित विकल्प सेट करके कॉन्फ़िगर करें कार्यस्थान सेटिंग्स (JSON)):

{
  "clampExtension.globalMinViewport": 600,
  "clampExtension.globalMaxViewport": 1440,
  "clampExtension.baseFontSize": 16
}

इसके बाद, न्यूनतम और अधिकतम आकार (पिक्सेल में) टाइप करें, टाइप किए गए आकारों को हाइलाइट करें, और फिर इसे क्लैंप करें चुनें! कमांड पैलेट से कमांड:

यदि आप चाहें, तो आप पूरी परिभाषा का उपयोग कर सकते हैं, जैसे:

16, 20, 16, 600, 1200

कहाँ

• पहला पैरामीटर न्यूनतम आकार है,
• दूसरा पैरामीटर अधिकतम आकार है,
• तीसरा पैरामीटर आधार फ़ॉन्ट आकार है,
• चौथा पैरामीटर न्यूनतम व्यूपोर्ट आकार है, और
• पांचवां पैरामीटर अधिकतम व्यूपोर्ट आकार है।

ध्यान दें कि आउटपुट हमेशा REM इकाइयों में होता है:

clamp(1rem, calc(0.821rem   0.476vw), 1.25rem)

इतना ही! मुझे आशा है कि यह छोटा सा विस्तार आपको और अधिक उत्पादक बना देगा जैसा कि इसने मुझे बनाया है।