• شاخه: طراحی    ::    بازدید: ۱۸۱۲
  • ۷

آشنایی با normalize.css

normalize.css در واقع یک فایل CSS کوچک هست که مقدار اکثر تگ‌های HTML رو برای نمایش یکسان و صحیح در تمامی مرورگرها مشخص میکنه. مزیت دوم این فایل کوچک، سرعت بخشیدن بکار هست و مشخص کردن نوع display تگ‌های جدیدی که به HTML5 اضافه شدند و الی‌آخر.

این نکته هم باید مورد توجه قرار بگیره خود فایلی رو که از سایت دانلود می‌کنیم، شاید اونقدر دردی از ما رو دوا نکنه. چرا؟

چون که برای چینش چپ به راست (LTR)، طراحی و تایپوگرافی لاتین هست. پس بهترین راهکار اینه که متناسب با طرز طراحی خودمون این فایل رو ویرایش کنیم. که هم با نمایش فونت‌های محدود فارسی سازگاری داشته باشه و هم با چینش راست به چپ (RTL).

در حال حاضر هم خیلی از سایت‌ها و فریم‌ورک طراحی از قبیل بوت استرپ و html5boilerplate از همین راه حل به عنوان مرجع استفاده می‌کنند.

خیلی خوشحال میشم از راه حل‌های شما هم مطلع بشم، تا به این پست اضافه بشه. در ضمن اگر فایل رو متناسب با طراحی فارسی (RTL) ویرایش کردید مسرور میشیم اون رو در اختیار دیگران قرار بدید.

Normalize.css سورس کد بر روی گیت‌هاب و سایت پروژه Normalize و نمایش دموی آنلاین

بنیامین نجفی

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

همچنین ممکن است دوست داشته باشید ...

۷ واکنش

  1. ali گفت:

    من یه نسخه rtl از بوتسترپ دارم که از یه سایت عربی برداشتم!
    همیشه از اون استفاده میکنم.

  2. این نرمال‌آیزه خوبه. فقط باید برای RTL و فونت فارسی بهینه سازی بشه.

    اما من برای نسخه RTL , به روز شده بوت استرپ رو من از لینک زیر می‌گیرم.
    https://github.com/morteza/bootstrap-rtl

  3. مهدی گفت:

    تیم ما همیشه با SASS کار میکنه و یه سری کد اولیه رو همیشه داریم که ترکیبی از Grid و Normalize و اینجور چیزاست که یه بار با همدیگه همه اینا رو بررسی کردیم و نسخه مناسب خودمون رو آماده کردیم. الان همیشه تغییرات خیلی کمی ایجاد میکنیم و کار رو شروع میکنیم.

  4. سلام دوستان
    من هم یه نسخه فارسی شده bootstrap 3 با فونت خوشگل! تو گیت گذاشتم اگه دوس داشتین لایک یادتون نره 🙂
    https://github.com/mmdsharifi/RTLbootstrap

  5. مسعود گفت:

    در سایت زیر 5 استایل مختلف وجود داره که می تونید تو پروژه ها ازشون استفاده کنید.
    http://cssreset.com

    تو این استایل ها، normalize از همه مطمئن تر و حجیم تره

  6. محمد کاظم گفت:

    من برای RTL از اسکریپت R2 که یک اسکریپت نودیه استفاده می کنم تا حالا مشکلی هم نداشتم
    https://github.com/ded/R2

  7. mohammad گفت:

    سلام خسته نباشید
    واقعا مقالات شیرینی و آموزنده ای دارید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *