استارت‌آپ و کارآفرینی

آشنایی با normalize.css

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

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

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

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

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

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

7 نظرات
  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. مسعود می گوید

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

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

  6. محمد کاظم می گوید

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

  7. mohammad می گوید

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

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.