ورود به سایت

لوگو آکادمی آی تی
info[at]academyit.net 09126492189 09126492189

به سادگی برای وب سایت خود loading بسازید

دوست من سلام ، این بار با هم قصد داریم به سراغ ابزارهای آنلاین loading برویم چون که این ابزارها کاربردهای فراوانی در صفحات ajax دارند پس برای آشنایی با این ابزارها با من همراه باشید :گرافیست کارها و کسانی که از نرم افزار فتوشاپ استفاده می کننند توانایی طراحی و ایجاد تصاویر loading  رو دارند که می تونند بهترین طراحی رو برای وب سایت خودشون ایجاد کنند


ولی خب گرافیست کارها حتما می دانند که این کار هم زمان زیادی از آن ها می گیره و هم این باید ایده مناسبی داشته باشند ، ولی من میخوام به تو دوست عزیز 5 تا از ابزار های آنلاین این ابزار بی نظیر معرفی کنم که هم راحتر به نتیجه برسی و هم کیفیت کارتو بالا ببری، البته این رو در نظر داشته باش که تصویر loading  شامل دو حالت هست:
•    حالت اول : نوار پیشرفت یک تصویر ثابت  هست که صرفا به شما اطلاع میدهد  اطلاعاتی در حال بارگزاری می باشد.
•    حالت دوم : نوار پیشرفت هوشمند بوده و به همان میزانی که اطلاعات بارگزاری میشود به همان میزان پیشرفت را  نشان میدهد.
بسیاری از وب سایت ها از این دو حالت بنا به نیاز استفاده خواهند کرد . بسیار خب بهتره بریم سراغ معرفی این ابزار های ارزشمند :

1.    ابزار cssload.net

 

 

 

این وب سایت امکانات زیادی رو در اختیار شما قرارا میده و تصاویر loading  رو هم در خوذش جای می دهد تا اینکه شما بتونید طرح مورد نظرخودتون به شخصی ساز اون بپردازین ، با انتخاب کردن هر کدوم از طرح ها میتونی رنگ المنت اصلی و رنگ پس زمینه ،اندازه تصویر خروجی و میزان سرعت انیمیشن رو تعیین کنی و پس از انجام تنظیمات می تونید خروجی رو دریافت کنی ، البته بدونید که خروجی به صورت کد css، html  می باشد همینطور -moz- و -webkit- و -o- و -ms- رو هم پشتیبانی میکنه .

 

2.    ابزار loading.io

 

 

این وب سایت در ساختن تصاویر لودینگ بسیار حرفه ای میباشند و امکانات زیادی با بیش از 35 تصویر متنوع حتی میتونی  پارامترهای زیادی رو تعیین و شخصی کنید مثل : تعیین ابعاد تصویر لودینگ ، رنگ تصویر لودینگ ، سرعت تصویر ، رنگ پس زمینه ، theme رنگی پیشنهادی و مهم تر از اون امکان خروجی به صورت GIF و SVG و CSS به صورت همزمان. با عضویت و ساخت حساب کاربری در این سایت میتونی همینطور با عضویت و ایجاد حساب کاربری در این سایت میتونید تصاویر ساخته شده خودتون رو همیشه در حساب داشته باشید و تصاویر جدیدی رو هم در اون ذخیره و نگهداری کنین 

3.    ابزار ajaxload.info

 

 

 

وب سایت ajaxload.info از وب سایت های قدیمی در این زمینه می باشد که بر خلاف cssload  که به شما یک تصویر ارائه میکنه. این سایت امکان بیش از 30 طرح مخالف براساس رنگ پس زمینه و رنگ تصویر لودینگ را تعیین میکنه به نظرم تنها مشکل این سایت اینه که کد css را در اختیار ما قرار نمیده.

4.    ابزار loadinfo.net

 

 

 

وب سایت loadinfo.net بیش از 50 تصویر تفاوت لودینگ در اختیار ما قرار میده و مثل ajaxload  به ما یک تصویر نمایش میده ولی خب میتونید پارامترهایی مثل رنگ اصلی تصویر لودینگ ، رنگ پس زمینه ، تعیین Flip بودن یا نبودن تصویر ، انتخاب ابعاد تصویر از ۱۶ پیکسل تا ۴۸ پیکسل و همینطور سرعت انیمیشن رو از ۵ fpss تا ۵۰ fps تعیین کنین .

5. ابزار Loadergenerator.Com

 

 

این وب سایت نیز همانند دو نمونه قبل و در تعداد تصاویر کمتری به شما خروجی GIF ارائه میکنه . تنها پارامتری که در این وب سایت اضافه تر از نمونه هاش گذشته هست امکان rotate یا چرخش تصویر مورد نظر هست .

 


 

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