23
تشکر

منابع تازه برای طراحان و توسعه دهندگان – فروردین 93

Vex

Vex

اولین سری از مطالب منابع تازه برای طراحان و توسعه دهندگان در سال 93 آماده شده است. در ادامه مطلب همراه ما باشید…

imagesloaded

imagesloaded

imagesloaded

حتما تا به حال سایت هایی را دیده اید که تا زمانی که فایلهای مهم سایت لود نشده باشد پیغامی در رابطه با لود شدن سایت به کاربر نمایش میدهد و زمانی که تمام فایل ها بارگذاری شدند سایت را نمایش میدهد. حال با استفاده از کتابخانه imagesloaded میتوانید یک callback زمانی که تمام تصاویر لود شدند، داشته باشید و کار مورد نظر خود را انجام دهید. این کتابخانه هم با استفاده از jQuery و هم بدون آن قابل استفاده است.

SVGMagic

SVGMagic

SVGMagic

قبلا در مطلبی راه های گوناگون استفاده از SVG را گفتیم و همچنین به راه حلهایی هم در صورت پشتیبانی نکردن مرورگر کاربر از SVG اشاره کردیم. اما اگر میخواهید کار ساده تری داشته باشید باید از SVGMagic استفاده کنید. این کتابخانه به شما این امکان را میدهد که در صورتی که مرورگر کاربر از SVG پشتبانی نکرد، فرمت png. آن را لود کند.

 Stream

Stream

Stream

توسط این پلاگین وردپرس میتوانید مدیریت کاملی بر روی کاربران ثبت نام کرده سایت داشته باشید.

Vex

Vex

Vex

vex نام پلاگین jQuery است که توسط آن میتوانید Modal یا پیغام های pop-up زیبایی با چند theme از پیش ساخته شده بسازید. یکی از بهترین مزیت های Vex این است که جایگزینی برای دستور های alert, confirm, prompt در جاوا اسکریپت است و دارای callback برای این نوع از Modalها است.

LiteIcon

LiteIcon

LiteIcon

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

SpinKit

SpinKit

SpinKit

SpinKit در واقع قطعات کدی هستند که با استفاده از انیمیشن در CSS3 نوشته شده اند و جایگزینی برای عکس های spinner است.

Loading

Loading

Loading

Loading نیز مانند SpinKit است با این تفاوت که از SVG برای اینکار استفاده کرده است.

autoprefixer

autoprefixer

autoprefixer

autoprefixer یک ماژول برای NodeJS است. توسط این ماژول میتوانید در زبان CSS پیشوندهای مخصوص مرورگرهای مختلف را فراموش کنید و نوع استاندارد آن را بنویسید و این ماژول‌ آنها را به صورت خودکار اضافه میکند. این ماژول با Grunt نیز کار میکند.

Zeal

Zeal

Zeal

در یکی از همین سری از مطالب با نرم افزار Dash که مخصوص سیستم عامل Mac بود آشنا شدیم. این نرم افزار یک offline document برای فریم ورک ها و انواع زبان های مختلف تحت وب بود، اما متاسفانه در سیستم عامل های دیگر کار نمیکند. حال Zeal این نقطه ضعف را پوشش داده است و از همان اسناد Dash استفاده میکند و برای سیستم عامل های Linux و Windows قابل دسترس است.

Sigma

Sigma

Sigma

توسط این کتابخانه JavaScript میتوانید به سادگی گراف های بسیار پیچیده بسازید.

این مطلب از سری مطالب، معرفی منابع وب 93 است
  • پلاگین imagesloaded رو از سایتش github گرفتم روی نمونه ازمایشی که خودش توی پوشه ای که دانلود میکنیم گذاشته میزنیم و بازش میکنیم کار نمیکنه منم هرچی با کداش ور رفتم کار نکرد ولی توی سایت خودش که خوب کار میکنه!!!!!! فکر کنم فایلی که برای دانلود گذاشتن ایراد داره
    من یه حلقه برای document.images نوشتم که همه عکس های صفحه رو به صورت ارایه برمیگردونه بعدش یه یه کلاس نوشتم و به صورت پورتو تایپ اظافه کردم به همه عکس ها که تا وقتی لود نشدن به جاشون یه عکس دیگه یا همون عکس لودینگ نمایش داده بشه و بعدش که لود شدن عکس اصلی نمایش داده بشه حالا نمیدونم این کدی که این سایت گذاشته چیکارا میکنه که این همه حجم داره!!!
    من که هرچی باهاش سروکله زدم کار نکرد…

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

  • خیلی خیلی ممنون…

  • محمد می‌گه:

    بسیار عالی و کاربردی ممنون از زحمات شمـــــــا


  • نظرات این مطلب بسته است.