یادداشتهای حروف و صفحه
یادداشتهایی دربارهی حروف، فاصله، صفحهی دوزبانه، و هزینهی صحنه.
این برچسب نوشتههایی را جمع میکند که جهت راستبهچپ را از طرح اول جدی میگیرند: جهت صفحه، ویژگی منطقی، و مسیری فارسی که آینهی صفحهی انگلیسی نیست. فهرست اصلی وبلاگ موضوعهای دیگری هم دارد و این صفحه فقط همان نوشتهها را نشان میدهد که این برچسب را دارند.
#فارسی۶فارسی اینجا یک رشتهی ترجمهشده در آخر کار نیست؛ خط، زبان صفحه، و رابطی است که از اول برای فارسی طراحی شده. این فهرست همان یادداشتها را کنار هم میگذارد، نه هر نوشتهی سایت را.
#تایپوگرافی۵اینجا موضوع خود حروف است: انتخاب فونت، وزن، فاصله، و چهرهای که با عوض شدن زبان عوض میشود. این صفحه جای فهرست کامل وبلاگ را نمیگیرد و فقط یادداشتهایی را میآورد که تایپ صفحهاند.
#دوزبانه۵دوزبانه یعنی دو مسیر واقعی، نه یک صفحه که زبانش بعد از طرح عوض شده باشد. نوشتههای این برچسب فارسی و انگلیسی را همزمان در طرح، آدرس و متن نگه میدارند.
#سرعت۴سرعت صفحه یعنی چه چیزی واقعاً به مرورگر میرسد: فایل از قبل ساختهشده، اسکریپت اضافه، و هزینهای که یک افکت پیش از دیده شدن میتراشد. این فهرست فقط یادداشتهای همین هزینه است.
#خواندن۳خواندن روی صفحه به طول سطر، کنتراست، و مدتی برمیگردد که چشم بدون خستگی پیش میرود. این برچسب فقط یادداشتهایی را جمع میکند که تجربهی خواندن موضوعشان است.
#ایستا۲صفحهی ایستا پیش از بازدید ساخته میشود و میزبان فایل میفرستد، نه اینکه برای هر درخواست قالب بزند. این برچسب یادداشتهایی را جمع میکند که دربارهی همان خروجی، میزبان فایل، و حد یک سایت بدون بکاند حرف میزنند.
#حرکت۲حرکت در این سایت تزئین خاموش نیست؛ باید معنا داشته باشد و وقتی سیستم حرکت کمتر میخواهد کنار برود. این صفحه نوشتههایی را نشان میدهد که انیمیشن، انتقال، یا سکون صفحه را تصمیم طراحی گرفتهاند.
#اعداد۱عدد فارسی و عدد لاتین در یک رابط دوزبانه یکی نیستند: شکل رقم، جداکنندهی هزارگان، و جایی که عدد در جملهی راستبهچپ مینشیند. این صفحه فقط نوشتههایی را فهرست میکند که همین مسئله را باز کردهاند.
نویسنده همان صفحهی درباره است
صفحهی درباره همان نویسندهی این سایت است: محمد هنرور، تصویر /portrait.jpg، و تلگرام @MH759. صفحه زندگینامه نمیسازد و ایمیل عمومی هم ندارد.
لینکی که میفرستی یک زبان است
کپی، تلگرام و ایکس فقط نشانی همین صفحه را میفرستند. og:locale برابر fa_IR یا en_US است و hreflang زبان مقابل فقط با وجود فایل جفت نوشته میشود.
نقشهی HTML صفحهای برای خواندن است
نقشهی HTML در /fa/map/ و /en/map/ صفحهها، موضوعها، همهی نوشتههای همان زبان و دو نمونه را گروهبندی میکند. نوشتهی تازه بعد از ساخت بعدی روی نقشه است.
حداکثر سه نوشته با برچسب مشترک
نوشتههای مرتبط حداکثر سه یادداشت همزبان با برچسب مشترکاند؛ رتبه از شمار برچسب مشترک و سپس تاریخ است. لینک قبلی و بعدی فهرست جداگانهای است.
صفحهی موضوع فهرست وبلاگ نیست
صفحهی موضوع چند یادداشت را به عمد کنار هم میگذارد. راستبهچپ، تایپ و سرعت فهرست همهی وبلاگ نیستند و نسخهی انگلیسی هر کدام نشانی جدا دارد.
حرف پیش از حرکت در سند است
کلاس reveal از اول دیده میشود. فقط html.is-motion آن سطرها را پنهان میکند، و این کلاس وقتی خانه یا پروژهها واقعاً حرکت را شروع کنند اضافه میشود.
عنوان منتظر معرفی نمیماند
عنوان خانهی این سایت از اول در HTML است. بوم معرفی فقط جای خالی کنار آن را میگیرد و رد کردن و Escape، پیش از قلم و ذره، همان لحظه کار میکند.
تمرکز از همان لبهای شروع میشود که خواندن
لینک پرش اولین کنترل در ترتیب Tab است و با inset-inline-start به لبهی خواندن میچسبد. در فارسی این لبه راست است و حلقهی تمرکز جای جدا نمیسازد.
تعویض قلم، و سطر فارسی
صفحهی فارسی در همین سایت وزیرمتن را برای fa-IR اول میگذارد. Inter این سایت فقط لاتین و لاتین گسترده است، با font-display: swap، و وزن ۱۰۰ تا ۹۰۰.
رقم فارسی یک ویژگی فونت نیست
عدد فارسی این سایت را fa-IR میسازد و وزیرمتن میکشد. Inter آن محدوده را ندارد، OpenType رقم را عوض نمیکند، و ستارهٔ گیتهاب لاتین میماند.
عرض سطر، و ضرب خواندن
عرض ستون مقاله هفتاد نویسه است، فاصلهی سطر فارسی دو، و حرف اول درشت فقط مال انگلیسی است؛ وزیرمتن و Inter با font-display: swap اینجا میآیند.
ترجمه یک فایل دوم است
جفت hreflang یعنی همین نام فایل در پوشهی زبان دیگر. بایگانی برچسب فقط وقتی ایندکس میشود که نامش در tagPairs باشد.
نشانی متعارف خود صفحه است
فارسی و انگلیسی این سایت دو فایل جدا هستند. hreflang فقط وقتی جفت واقعی باشد میآید، و نشانی متعارف هر صفحه آدرس خودش است نه نشانی زبان مقابل.
صفحهی استاتیک به خواننده چه بدهکار است
صفحهی استاتیک Astro اول خود جمله را بدهکار است: HTML از پیش ساخته، قلم با تعویض، و نه Three.js نه GSAP و نه Lenis پای خود نوشته در همین سایت.
کی انیمیشن را نمیآوریم
روی مقالهها و وقتی prefers-reduced-motion روشن است، GSAP و Lenis گرفته نمیشوند. معرفی خانه را همان لحظه میشود رد کرد، پیش از تمام شدن ذرهها.
جهت صفحه همهی کار را نمیکند
در همین سایت dir روی html فقط شروع سطر را عوض میکند، نه فونت و نه رقم و نه بوم را. گرادیان، مبدأ تبدیل، و جزیرههای چپبهراست هنوز قانون جدا دارند.
دو مسیر، نه یک صفحهی وارونه
فارسی و انگلیسی این سایت دو آدرس جدا دارند؛ جهت، وزیرمتن، و تقویم خورشیدی از همان ساخت میآیند و ترجمهی نداشته ادعا نمیشود.
این سایت
سایت شخصی محمد هنرور، ایستا با Astro و TypeScript و Three.js. فارسی و انگلیسی دو آدرس جدا هستند و کار مشتری روی این دامنهی عمومی نوشته نمیشود.
حروف، فاصله، و حرکت صفحه
وزن فونت، فاصلهی سطر فارسی، و حرکت در همین سایت؛ وزیرمتن، Inter، شکستن کلمه، و اینکه Lenis کی لود میشود.
صفحهی استاتیک، و وقتی صحنه هزینهاش را درمیآورد
این سایت ساخت استاتیک Astro است. Three.js فقط روی هیروی خانه و شهر پروژهها میآید، نه پای نوشته؛ و معرفی را همان لحظه میشود رد کرد.
راستبهچپ را از روز اول بگذار
فارسی و انگلیسی این سایت از اول دو صفحهاند. جهت، وزیرمتن و کارت خصوصی با همان طرح میآیند، نه بهصورت وصلهای که در آخر کار به آن اضافه شود.
چرا این سایت را از نو ساختم
اولین نوشتهی وبلاگ محمد هنرور: این سایت با Astro و Three.js ایستا روی GitHub Pages ساخته شده و حرکت فقط وقتی میآید که خود صفحه آن را خواسته باشد.