بهترین های پزشکی و پرستاری | اوردامین : CssFx.js : اضافه کردن پیشوند ویژگی ها در Css و Css3 به صورت خودکار
  • اوردامین
  • طراحی وب
1398
خرداد
30
پنج شنبه
شمارنده
بازدید امروز : 5284 بازدید
کل بازدید کنندگان امروز : 474 نفر
بازدید کل : 20167076 بازدید
حاضرین در سایت : 53 نفر

تاریخ شروع شمارشگر : 94/3/01

عمر سایت : حدود 4 سال پیش

تعداد کل مطالب : 1096
نکته : حتما اسکریپت رو بعد از فایل استایل هاتون قرار بدید به دلیل اینکه ممکنه فایل های استایل رو پیدا نکنه
نکته : برای دانلود روی یکی از دو آیکون "zip" و "tar.gz" کلیک کنید 
نکته : در فایل دانلودی یک فایل با نام (properties.html) وجود دارد که خواص پشتیبانی شده توسط این کتابخانه رو نشان میدهد . 
حتما شده هر وقت میخواستید از قابلیت های جدید سی اس اس (Css) استفاده کنید پیشوندهای زیادی رو اضافه کنید .
مثل :
border-radius
transform
transition
یعنی به جای اینکه از یه کد 1 خطی مثل زیر استفاده کنیم :
.rad5{
    border-radius:5px;
}
چنین چیزی رو بنویسیم :
.rad5{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
ما به خاطر اینکه سایتمون در مرورگر های مختلف درست نمایش داده بشه مجبوریم برای هر مرورگر پیشوند خاصی قرار بدیم . آیا واقعا نیازه ؟
معایب
بالا بردن حجم فایل استایل شما
ندانستن در سازگاری بعضی عناصر با مرورگر های مختلف
خستگی از این شیوه کد نویسی
پایین آمدن سرعت کدنویسی
و...
CssFx
آقای ایوان مالوپین اسکای (Ivan Malopinsky) یا به اختصار ایم اسکای (ImSky) یه کتابخانه به نام CssFx نوشته که به طور خودکار پیشوند های مختلف اعم از :
Moz
Webkit
MS
O
را به عناصری که به صورت کامل در همه مروگر ها در حالت حادی پشتیبانی نمیشوند رو اضافه میکنه .

CssFx.js : اضافه کردن پیشوند ویژگی ها در Css و Css3 به صورت خودکار
پشتیبانی مروگر ها از CssFx :
FireFox نسخه 3 به بالا
Google Chrome نسخه 1 به بالا
Internet Explorer نسخه 6 به بالا
Safari نسخه 3 به بالا
Opera نسخه 9 به بالا
نحوه استفاده
بسیار آسان است فقط  بعد از دانلود اسکریپت اون رو در head کد هاتون بعد از فایل استایلتون قرار بدید .

<script src="./cssfx.js"></script>

اهداف و مزایای استفاده از این ابزار :
سرعت در کدنویسی
کاهش حجم فایل های CSS
استفاده آسان و بهینه از کدها
سادگی و لذت بردن از کدنویسی CSS
استفاده از کدهای استاندارد CSS
 
نویسنده : amin mah
تاریخ ارسال : پنج شنبه ، 95/10/16 ، در ساعت 17:49

نظرات برای CssFx.js : اضافه کردن پیشوند ویژگی ها در Css و Css3 به صورت خودکار

نام و نام خانوادگی شما *
آدرس ایمیل شما
آدرس وب شما
متن نظر *