- विभिन्न monospace fonts की तुलना करते हुए अपने लिए सबसे पढ़ने में आसान कोडिंग फ़ॉन्ट खोजने वाला वेब-आधारित इंटरैक्टिव गेम
- हर राउंड में दो फ़ॉन्ट दिखाए जाते हैं, और उपयोगकर्ता अपनी पसंद का फ़ॉन्ट चुनता है, जिससे व्यक्तिगत अनुशंसा परिणाम तैयार होता है
- Font Ligatures, फ़ॉन्ट आकार समायोजन, theme बदलना जैसे विज़ुअल तत्वों को सीधे समायोजित करके वास्तविक डेवलपमेंट वातावरण जैसी परिस्थितियों में मूल्यांकन किया जा सकता है
- कोड उदाहरणों में
0, O, l, 1 जैसे मिलते-जुलते अक्षर संयोजन शामिल हैं, जिनसे अलग-अलग फ़ॉन्ट की character distinguishability को परखा जा सकता है
- यह Typogram के Studio से जुड़ा हुआ है, और ब्राउज़र में तुरंत चलने वाले सरल UI के साथ फ़ॉन्ट खोजने और तुलना करने में मदद करता है
मुख्य विशेषताएँ
- Font Ligatures विकल्प को चालू या बंद करके ligature वाले और बिना ligature वाले फ़ॉन्ट की तुलना की जा सकती है
- फ़ॉन्ट आकार (Font Size) को 8~36 की सीमा में बदलकर अलग-अलग स्क्रीन वातावरण में readability को सीधे जांचा जा सकता है
- Show Name और Theme सेटिंग्स के ज़रिए फ़ॉन्ट नाम दिखाना है या नहीं, और स्क्रीन theme बदलना संभव है
- हर फ़ॉन्ट की तुलना एक ही JavaScript code example से की जाती है, जिससे वास्तविक डेवलपमेंट वातावरण जैसी परिस्थितियों में अंतर पहचाना जा सकता है
कोड उदाहरण की संरचना
- उदाहरण कोड में single-line comments(
//) और multi-line comments(/* ... */) शामिल हैं
- arrow function सिंटैक्स का उपयोग करके
isMultipleOf फ़ंक्शन परिभाषित किया गया है, जिसमें संख्या और उसके multiple की तुलना करने वाला सरल लॉजिक शामिल है
- variable names में
0, o, O, l, 1, I जैसे मिलते-जुलते दिखने वाले अक्षर संयोजन इस्तेमाल किए गए हैं, जिससे अलग-अलग फ़ॉन्ट में भेद की स्पष्टता जांची जा सकती है
- फ़ंक्शन कॉल का परिणाम console में प्रिंट होता है, और
0 तथा 1 को अलग तरह से संभालने वाले उदाहरण से character distinguishability को परखा जा सकता है
इंटरैक्शन और उपयोग प्रवाह
- उपयोगकर्ता हर राउंड में फ़ॉन्ट चुन सकता है या arrow keys(
⇽, ⇾) से आगे-पीछे जाकर तुलना कर सकता है
- चयन पूरा होने पर अगली फ़ॉन्ट जोड़ी पर जाया जाता है, और इस दोहराव से व्यक्ति की readability preference को धीरे-धीरे समझा जाता है
- Restart Game बटन से गेम फिर से शुरू करके तुरंत नया तुलना सत्र शुरू किया जा सकता है
अतिरिक्त सुविधाएँ और खोज
- ऊपर के मेनू में Browse टैब के जरिए विभिन्न कोडिंग फ़ॉन्ट सीधे देखे जा सकते हैं
- Studio लिंक के माध्यम से Typogram के फ़ॉन्ट डिज़ाइन टूल पर जाया जा सकता है
- पूरा इंटरफ़ेस एक सरल वेब-आधारित UI से बना है, और बिना किसी अलग इंस्टॉलेशन के ब्राउज़र में तुरंत चलाया जा सकता है
अभी कोई टिप्पणी नहीं है.