چیزی شبیه به این در وینفون8.1 بود اما به دلایلی مایکروسافت در ویندوز 10 موبایل ابتدا آنرا حذف و حال به صورت محدود و فقط برای فایل ها APPX  این امکان را برقرار کرده است برای این منظور با اسکریپت همراه باشید:

• به قسمت تنظیمات گوشی (setting) بروید

• بخش (Update & Security)

• بخش (For Developers)

• در این بخش قسمت ( Developer mode)  را انتخاب کنید

• حال به ترتیب گزینه های (Device discovery) , (Device portal) را فعال کنید

• حال در قسمت connect using آدرس اینترنتی درج شده را در مرورگر کامپیوتر خود وارد کنید

• در این قسمت مرورگر شما به آدرسی می رود که در پایین صفحه آن این گزینه را باید انتخاب کنید(continue this web page)

• حال مرورگر شما از شما کد 6 رقمی را می خواهد که برای دریافت آن باید در گوشی خود به قسمت For Developer باز گشته و قسمت pair را انتخاب کنید
• حال با وارد کردن کد به پورتال گوشی خو در کامپیوتر وارد می شوید

• در اینجا کافیست از نوار ابزار سمت چپ Apps را انتخاب کرده و سپس فایل برنامه مورد نطر را بارگذاری(Upload) کنید

• حال گزینه Go را انتخاب کرده تا فرایند بارگذاری انجام شود

اگر تمامی مراحل بدون ایراد انجام شود هم اکنون برنامه مورد نظر در گوشی آماده کاربری است

فراموش نکنید برای دانلود فایل های ویندوزی از استور مایکروسافت نمی توان استفاده کرد لذا ما به شما این لینک را پیشنهاد می کنیم

آموزش اختصاصی سایت : com.اسکریپت

Arian Heidarpour

همانطور که میدانید , در html5 تگی جدید به نام <progress> اضافه شد که کار آن نمایش پیشرفت کار می باشد .

یکی از کاربرد های این تگ در همین سایت و در صفحه درباره وحید مجیدی از آن استفاده شده است .

این تگ به صورت ساده و بدون هیچ دیزاین خاصی می باشد که در این پست قصد دارم با ترفندی , ان تگ رو از دیزاین ساده اش خلاص کنیم .

این تگ دارای 2 خاصیت max و value میباشد که تعیین کننده کل مقدار و مقدار پر شونده می باشد .

مثلا اگر بخواهیم نصف این نوار را پرکنیم . کافیست خط زیر را در html بنویسیم .

<progress value="500" max="1000"></pregress>

<progress value="50" max="100"></pregress>

<progress value="5" max="10"></pregress>

<progress value="1" max="2"></pregress>

پس از انجام این کار , کافیست کد های زیر را در css قرار دهید تا تمامی تگ های progress در سایت , به حالت زیر درآید .

progress{
	background-color:#eee;	
}
progress::-webkit-progress-value {
 	background-color:#ba1000;
}
progress::-webkit-progress-bar {
 	background-color:#eee;
}
progress::-moz-progress-bar {
 	background-color:#ba1000;
}

شما بجز تعویض رنگ که در بالا قرار داده شده , میتوانید خاصیت های دیگری در CSS از جمله border-radius , box-shadow , border , outline و … به آنها اضافه کنید .

نکته مهم این است که موارد بالا در internet explorer ساپورت و پشتیبانی نمیشود .

گرداوری : وحید مجیدی

پخش اختصاصی

نمونه آماده شده و دمو