حذف پیشوند های Css3 مرورگرها با پلاگین prefix free

همواره در برنامه نویسی Font end یکی از مشکلات طراحان وب در بخش استایل نویسی فایل های Css ، پیشوند (Prefix) مرورگرهاست که برای یک دستور ساده باید برای تمامی مروگرها پیشوندهای مرتبط با آن را قرار دهیم.البته این قضیه تا حدودی امروزه برطرف شده و با توجه به آخرین بروز رسانی های Css3 تنها طراحان سایت برای مقادیر محدودی از دستورات می بایست از این Prefix Browser ها استفاده کنند.به عنوان مثال در اوایل حتی برای دستوارتی مانند border-radius می بایست از تمامی پیشوند ها استفاده نمود و خروجی شبیه به این مقدار ، به مرورگر داد :

همان طور که مشاهده میکنید برای یک دستور ساده می بایست از آن ۴ خط کپی کرده و برای مرورگرهای دیگر نیز نوشت این کار ن تنها حجم فایل Css را افزایش می دهد که در نتیجه باعث کاهش سرعت لود سایت شده . بلکه در حین طراحی نیز شخص برنامه نویس همیشه در حال پاسخ به این سوال هست که آیا این Property دارای Prefix هست یا خیر.وب سایت های زیادی در حال حاضر وچود دارند که به برنامه نویسان کمک میکنند تا بدانند در حال حاضر برای چه property هایی نیاز به prefix css هست.مانند این وب سایت که میتوانید از آن  بهره مند شوید.

برای دوستانی که با Prefix آشنایی ندارند باید عرض کنم که به ترتیب -moz- برای مرورگر موزیلا فایرفاکس و -webkit- برای مرورگرهایی که را موتور وب کیت استفاده میکنند مانند گوگل کروم و opera و -ms- برای اینترنت اکسپلورر است.

حذف Css3 Prefix Browser با پلاگین prefix free

پلاگین prefix free که بر مبنای جی کوئری نوشته است و حجمی باور نکردنی بالغ بر تنها دو کیلوبایت دارد یک راه حل نجات برای طراحان است.بدین صورت که ابتدا میتوانید آن را از مخزن گیت هاب آن دانلود کرده.و پس از ضمیمه کرده به صفحه ، دیگر نیازی به استفاده از prefix ها در Css ندارید و این پلاگین به طور خودکار هر دستوری که نیاز به prefix دارد را تولید میکند و به مرورگر تحویل میدهد یعنی خیلی راحت به این صورت میتوانید در سایت خود استفاده کنید :