004जर्नल

लेखन.

डिज़ाइन, डेवलपमेंट, टाइपोग्राफ़ी और वेब-निर्माण की कारीगरी पर विचार।

One paragraph from an essay on web typography is set twice in Georgia, both times at the same 487-pixel measure and with identical line breaks, so that only the word spaces differ. The left column is justified: to reach its flush right edge the word spaces are stretched to between 1.0 and 2.1 times their natural width, and a river runs down it — five consecutive lines whose word spaces line up into a vertical channel of white, traced here in blue. That column also leaves a widow, the single word defaults stranded alone on the last line of its paragraph. The right column is set ragged right: every word space stays at 1.0, and the slack that justification would have spent inside the lines collects at the right-hand edge instead, where the real line ends are traced 1:1 as the rag. The deepest ragged line is 43 pixels short, and that is exactly the white that drives the same line in the justified column to 2.1 times spacing. A baseline grid on a 28-pixel pitch runs under both columns, with the leading dimensioned between two of its lines in the gutter. A measure axis below runs from 45 to 75 characters, the comfortable range, and is marked at 58, where this setting actually counts out.
  1. PETG में एक फ़ील्ड किटअस्सी के आसपास प्रिंट किए पुर्ज़े एक उड़ते मैग्नेटोमीटर को थामे रखते हैं: क्लैंप, क्रेडल, कपलर और एक खिंचा हुआ सेंसर पॉड — सब एक डेस्कटॉप मशीन पर रातोंरात प्रिंट किए हुए। 3D प्रिंटिंग को फ़ील्ड-इंजीनियरिंग अभ्यास के रूप में देखते नोट्स, रिविज़न-दर-रिविज़न।4 min read
  2. एक अदृश्य बाधा के लिए डिज़ाइनचुंबकीय क्षेत्र मापने वाला ड्रोन दूसरे ड्रोनों की तरह नहीं बनाया जा सकता: हर पेंच एक डिज़ाइन-निर्णय है। एक सर्वे विमान ने मुझे बाधा-प्रथम डिज़ाइन के बारे में जो सिखाया — वही पाठ जो टाइपोग्राफ़ी के बीस साल पहले ही सिखाने की कोशिश कर चुके थे।4 min read
  3. कार्यशाला में एजेंटमैंने Claude को तीन विशेषीकृत सबएजेंट दिए — एक माउंट डिज़ाइनर, एक OpenSCAD लेखक और एक प्रिंट परीक्षक — और उन्हें असली ड्रोन पुर्ज़ों को अठारह लॉग की गई रिविज़नों से गुज़रने दिया। AI-सहायित मैकेनिकल डिज़ाइन वास्तव में कैसा दिखता है, इस पर नोट्स।4 min read
  4. एक टाइपफ़ेस का प्रदर्शन-बजटअगर ब्रांड टाइपफ़ेस अपनी जगह का हक़दार है, तो उसे सस्ता बनाइए: चार स्टैटिक फ़ाइलों की जगह एक वैरिएबल फ़ाइल, निर्मम सबसेटिंग, ईमानदार font-display, और ऐसा इंजीनियर किया गया फ़ॉलबैक कि स्वैप अदृश्य रहे। फ़ॉन्ट लोडिंग एक इंजीनियरिंग-अनुशासन के रूप में।4 min read
  5. वाइब्स के नीचे का स्टैकवाइब कोडिंग काम करती है — मैंने इसी तरह एक पोर्टफ़ोलियो, AI प्लेटफ़ॉर्म और ड्रोन हार्डवेयर शिप किए हैं। लेकिन यह केवल इसलिए काम करती है कि तीन ग़ैर-फ़ैशनेबल औज़ार इसे थामे रहते हैं: अनडू के लिए git, स्मृति के लिए GitHub, और एक सादा Linux बॉक्स जिसके बारे में आप सचमुच तर्क कर सकें।4 min read
  6. शून्य-किलोबाइट फ़ॉन्ट स्टैकसबसे तेज़ वेबफ़ॉन्ट वही है जिसे आप भेजते ही नहीं। उच्च-प्रदर्शन एप्लिकेशनों के लिए सिस्टम फ़ॉन्ट स्टैक कब सही टाइपोग्राफ़िक निर्णय है, 2026 में उसे अच्छी तरह कैसे बनाया जाए — और ब्रांड टाइपफ़ेस अपनी बाइटों का हक़ कब अदा करता है।3 min read
  7. डेटा-सघन इंटरफ़ेसों के लिए टाइप का चुनावडैशबोर्ड, टर्मिनल और मॉनिटरिंग स्क्रीनें किसी टाइपफ़ेस से गद्य की तुलना में अलग सवाल पूछती हैं: क्या अंक स्तंभों में टिके रहते हैं, क्या 11 पिक्सेल पर 0 और O में फ़र्क़ दिखता है, क्या बोल्ड डार्क थीम में बचा रहता है? दबाव में काम करते इंटरफ़ेसों के लिए एक चयन-चेकलिस्ट।4 min read
  8. टाइपोग्राफ़ी और वेब परडिज़ाइन सिस्टम, यूटिलिटी क्लासेस और AI-जनित लेआउट के दौर में टाइपोग्राफ़िक शिल्प आज भी क्यों मायने रखता है।3 min read
  9. दीर्घायु के लिए निर्माणऐसी तकनीकों और आर्किटेक्चर को चुनने पर विचार जो समय के साथ अच्छी तरह टिकते हैं, और सरलता का लाभ चक्रवृद्धि क्यों होता है।3 min read