یادداشت‌های حروف و صفحه

یادداشت‌هایی درباره‌ی حروف، فاصله، صفحه‌ی دوزبانه، و هزینه‌ی صحنه.

جست‌وجوی همین صفحه
#راست‌به‌چپ۷

این برچسب نوشته‌هایی را جمع می‌کند که جهت راست‌به‌چپ را از طرح اول جدی می‌گیرند: جهت صفحه، ویژگی منطقی، و مسیری فارسی که آینه‌ی صفحه‌ی انگلیسی نیست. فهرست اصلی وبلاگ موضوع‌های دیگری هم دارد و این صفحه فقط همان نوشته‌ها را نشان می‌دهد که این برچسب را دارند.

#فارسی۶

فارسی اینجا یک رشته‌ی ترجمه‌شده در آخر کار نیست؛ خط، زبان صفحه، و رابطی است که از اول برای فارسی طراحی شده. این فهرست همان یادداشت‌ها را کنار هم می‌گذارد، نه هر نوشته‌ی سایت را.

#تایپوگرافی۵

اینجا موضوع خود حروف است: انتخاب فونت، وزن، فاصله، و چهره‌ای که با عوض شدن زبان عوض می‌شود. این صفحه جای فهرست کامل وبلاگ را نمی‌گیرد و فقط یادداشت‌هایی را می‌آورد که تایپ صفحه‌اند.

#دوزبانه۵

دوزبانه یعنی دو مسیر واقعی، نه یک صفحه که زبانش بعد از طرح عوض شده باشد. نوشته‌های این برچسب فارسی و انگلیسی را همزمان در طرح، آدرس و متن نگه می‌دارند.

#سرعت۴

سرعت صفحه یعنی چه چیزی واقعاً به مرورگر می‌رسد: فایل از قبل ساخته‌شده، اسکریپت اضافه، و هزینه‌ای که یک افکت پیش از دیده شدن می‌تراشد. این فهرست فقط یادداشت‌های همین هزینه است.

#خواندن۳

خواندن روی صفحه به طول سطر، کنتراست، و مدتی برمی‌گردد که چشم بدون خستگی پیش می‌رود. این برچسب فقط یادداشت‌هایی را جمع می‌کند که تجربه‌ی خواندن موضوعشان است.

#ایستا۲

صفحه‌ی ایستا پیش از بازدید ساخته می‌شود و میزبان فایل می‌فرستد، نه اینکه برای هر درخواست قالب بزند. این برچسب یادداشت‌هایی را جمع می‌کند که درباره‌ی همان خروجی، میزبان فایل، و حد یک سایت بدون بک‌اند حرف می‌زنند.

#حرکت۲

حرکت در این سایت تزئین خاموش نیست؛ باید معنا داشته باشد و وقتی سیستم حرکت کمتر می‌خواهد کنار برود. این صفحه نوشته‌هایی را نشان می‌دهد که انیمیشن، انتقال، یا سکون صفحه را تصمیم طراحی گرفته‌اند.

#اعداد۱

عدد فارسی و عدد لاتین در یک رابط دوزبانه یکی نیستند: شکل رقم، جداکننده‌ی هزارگان، و جایی که عدد در جمله‌ی راست‌به‌چپ می‌نشیند. این صفحه فقط نوشته‌هایی را فهرست می‌کند که همین مسئله را باز کرده‌اند.

تازه· ۵ دقیقه مطالعه

نویسنده همان صفحه‌ی درباره است

صفحه‌ی درباره همان نویسنده‌ی این سایت است: محمد هنرور، تصویر /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 ساخته شده و حرکت فقط وقتی می‌آید که خود صفحه آن را خواسته باشد.

#طراحی#وب

↑↓EnterEsc

guest@mh-honarvar: ~