illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!
8 4611 ۲۸ خرداد ۹۳ ابوالفضل ویسی

سلام . امیدوارم حالتون خوب باشه در اولین پستم در سایت سون لرن میخوام شما رو با کتابخانه ای جالب آشنا کنم .

حتما شده هر وقت میخواستید از قابلیت های جدید سی اس اس (Css) استفاده کنید پیشوندهای زیادی رو اضافه کنید .

مثل :

  • border-radius
  • transform
  • transition

یعنی به جای اینکه از یه کد 1 خطی مثل زیر استفاده کنیم :

چنین چیزی رو بنویسیم :

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

معایب

  • بالا بردن حجم فایل استایل شما
  • ندانستن در سازگاری بعضی عناصر با مرورگر های مختلف
  • خستگی از این شیوه کد نویسی
  • پایین آمدن سرعت کدنویسی
  • و...

CssFx

آقای ایوان مالوپین اسکای (Ivan Malopinsky) یا به اختصار ایم اسکای (ImSky) یه کتابخانه به نام CssFx نوشته که به طور خودکار پیشوند های مختلف اعم از :

  • Moz
  • Webkit
  • MS
  • O

را به عناصری که به صورت کامل در همه مروگر ها در حالت حادی پشتیبانی نمیشوند رو اضافه میکنه .

preview

پشتیبانی مروگر ها از CssFx :

  • FireFox نسخه 3 به بالا
  • Google Chrome نسخه 1 به بالا
  • Internet Explorer نسخه 6 به بالا
  • Safari نسخه 3 به بالا
  • Opera نسخه 9 به بالا

نحوه استفاده

بسیار آسان است فقط  بعد از دانلود اسکریپت اون رو در head کد هاتون بعد از فایل استایلتون قرار بدید .

 

نکته : حتما اسکریپت رو بعد از فایل استایل هاتون قرار بدید به دلیل اینکه ممکنه فایل های استایل رو پیدا نکنه
نکته : برای دانلود روی یکی از دو آیکون "zip" و "tar.gz" کلیک کنید 
نکته : در فایل دانلودی یک فایل با نام (properties.html) وجود دارد که خواص پشتیبانی شده توسط این کتابخانه رو نشان میدهد . 

اهداف و مزایای استفاده از این ابزار :

  • سرعت در کدنویسی
  • کاهش حجم فایل های CSS
  • استفاده آسان و بهینه از کدها
  • سادگی و لذت بردن از کدنویسی CSS
  • استفاده از کدهای استاندارد CSS

دیدگاه ها 8 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    مهدی اکرمی(۲۸ خرداد ۱۳۹۳)

    خیلی جالب بود ولی یه سوال دارم . این اسکرپیت خودش border-radius رو به -moz-border-radius و … تبدیل میکنه؟

  • ‏‏

    ممنونم ، جالب و کاربردیه

  • ‏‏
    مهدی اکرمی(۳۱ خرداد ۱۳۹۳)

    یا سلام
    من این کد را امتحان کردم ولی کار نمی کند .
    در هر کجای header و حتی بعد و قبل از style.css هم گذاشتم باز هم کار نکرد .
    آیا خود شما این کد را امتحان کرده اید ؟

  • ‏‏
    Mohammad Mohseni(۱۶ تیر ۱۳۹۳)

    سلام این پلاگین نیازمند کتاب خانه ی جیکوئری است یا نه اگر هست کدام نسخه

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram