بگذار از طریق خود خواسته باشد

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

او کسی نیست و دردی هم ندارد. در آن زمان انتخاب غم انتخاب می شود زیرا همه آن را می خواهند. به ما او و سیاه پوستان

این یک واقعیت ثابت شده است که خواننده هنگام تماشای طرح بندی آن، با محتوای قابل خواندن یک صفحه، حواسش پرت می شود. نکته استفاده از Lorem Ipsum این است که دارای توزیع کم و بیش نرمال حروف است.

1. ما می خواهیم همه چیز در خارج از جعبه خوب به نظر برسد.
2. در واقع تنها دلیل اول، این کل نکته پلاگین است.
3. در اینجا یک دلیل تظاهر کننده سوم وجود دارد، اگرچه یک لیست با سه مورد واقعی تر از لیستی با دو مورد به نظر می رسد.

تایپوگرافی‌ باید آسان باشد

بنابراین این یک سرفصل برای شما است – اگر ما کار خود را به درستی انجام داده باشیم، بسیار معقول به نظر می رسد.

چیزی که یک فرد عاقل زمانی در مورد تایپوگرافی به من گفت:

تایپوگرافی بسیار مهم است اگر نمی خواهید چیزهای شما مانند زباله به نظر برسد. خوبش کن بعد بد نمیشه

احتمالاً مهم است که تصاویر در اینجا به طور پیش فرض خوب به نظر برسند:

از اینجا به بعد چه انتظاری باید داشت

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

به چند دلیل مهم است که همه این موارد استفاده را پوشش دهیم:

1. ما می خواهیم که همه چیز خوب به نظر برسد.
2. در واقع تنها دلیل اول، این کل نکته پلاگین است.
3. در اینجا یک دلیل تظاهر کننده سوم وجود دارد، اگرچه یک لیست با سه مورد واقعی تر از لیستی با دو مورد به نظر می رسد.

اکنون می خواهیم سبک هدر دیگری را امتحان کنیم.

اکنون می‌خواهم نمونه‌ای از یک لیست نامرتب را به شما نشان دهم تا مطمئن شوید که خوب به نظر می‌رسد:

• بنابراین در اینجا اولین مورد در این لیست است.
• در این مثال ما موارد را کوتاه نگه می داریم.
• بعداً از موارد لیست طولانی تر و پیچیده تر استفاده خواهیم کرد.

و این پایان این بخش است.

کد به طور پیش فرض باید خوب به نظر برسد.

من فکر می‌کنم اگر بخواهند به بلوک‌های کدشان استایل بدهند، بیشتر افراد از highlight.js یا پریسم یا چیزی دیگر استفاده می‌کنند، اما بد نیست که آن‌ها را خارج از کادر، حتی بدون برجسته‌سازی نحو، خوب جلوه دهند.

آنچه من اینجا نوشتم احتمالاً به اندازه کافی طولانی است، اما افزودن این جمله پایانی نمی تواند صدمه ببیند.

function tick() {
  const element = (
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {new Date().toLocaleTimeString()}.</h2>
    </div>
  );
  ReactDOM.render(element, document.getElementById('root'));
} 

.امیدوارم که به اندازه کافی برای شما خوب به نظر برسد.

عناصر دیگری نیز وجود دارد که به سبک سازی نیاز داریم

تقریباً فراموش کردم پیوندهایی را ذکر کنم، مانند این پیوند به وب‌سایت Tailwind CSS. تقریباً آنها را آبی کردیم، اما دیروز همینطور بود، بنابراین ما با خاکستری تیره رفتیم، احساس ناراحتی می کنیم. ما حتی سبک های جدول را نیز اضافه کردیم، آن را بررسی کنید:

ما همچنین باید مطمئن شویم که کدهای درون خطی خوب به نظر می‌رسند، مثلاً اگر بخواهم در مورد عناصر   صحبت کنم یا خبرهای خوبی درباره tailwindcss/typography به شما بگویم.

ما هنوز باید به سرفصل های انباشته فکر کنیم.

او کسی نیست و دردی هم ندارد. در آن زمان انتخاب غم انتخاب می شود زیرا همه آن را می خواهند. به ما او و سیاه پوستان

بیایید مطمئن شویم که آن عناصر h4 را نیز خراب نمی کنیم.

وای، با هر شانسی، سرفصل‌های بالای این متن را سبک‌دهی کرده‌ایم و بسیار خوب به نظر می‌رسند.

او کسی نیست و دردی هم ندارد. در آن زمان انتخاب غم انتخاب می شود زیرا همه آن را می خواهند. به ما او و سیاه پوستان

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