نحوه استفاده از API ویبره در HTML5

  • بوسیله: محسن شفیعی
  • در 1392/09/28 - 22:33
  • نظرات (2)
HTML5

HTML5

کاربران وبی که از موبایل و تبلت استفاده میکنند خیلی بیشتر از قبل شده اند و این آمار روز به روز در حال گسترش است. در آماری که در دسامبر 2013 بدست آمده است از هر 5 دستگاهی که صفحات وب را باز میکنند یکی از آن‌ها موبایل بوده است.

بخش عمده‌ای از اهداف HTML5 هم دربرگیرنده ویژگی‌هایی است که بیشتر آن‌ها در موبایل ها و تبلت ها بیشترین بازدهی را دارند. حالا API جدیدی به نام Vibrate در HTML5 رونمایی شده است که قابلیت این را دارد که ما بتوانیم حالت ویبره را برای گوشی ایجاد کنیم.

در ادامه همراه ما باشید…

(بیشتر…)

نگاهی به خاصیت Download در HTML5

  • بوسیله: محسن شفیعی
  • در 1392/09/07 - 23:44
  • نظرات (8)
اچ تی ام ال 5 - HTML5

اچ تی ام ال 5 – HTML5

ساخت یک لینک دانلود کار بسیار ساده‌ای است. فقط کافی است یک تگ a بسازیم و در خاصیتhref آن، آدرس فایلی که میخواهیم کاربر دانلود کند را قرار میدهیم.

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

در ادامه همراه ما باشید…

(بیشتر…)

Application Cache در HTML5

  • بوسیله: محسن شفیعی
  • در 1392/07/15 - 23:31
  • نظرات (6)
اچ تی ام ال 5 - HTML5

اچ تی ام ال 5 – HTML5

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

Cache راه حلی برای ساخت اپلیکیشن های بر پایه وب است. ساختار اولیه Cache موجود در مرورگرها برای اینکار کافی نیست، به همین دلیل HTML5 تکنولوژی به نام Application Cache را توسعه داده است که این امکان را میدهد اپلیکیشن هایی به صورت آفلاین هم بسازیم.

استفاده از Application Cache سه نتیجه خوب برای شما دربر دارد:

1. مرور آفلاین: کاربران میتوانند به صورت آفلاین کل سایت شما را مرور کنند.

2. سرعت: فایلهای کش شده دارای سرعت خیلی بیشتری هستند.

3. کاهش درخواست از سرور: مروگر تنها فایلهایی را از سرور درخواست میکند که تغییر کرده باشند.

Application Cache یا AppCache این امکان را به توسعه دهنده میدهد که انتخاب کند کدام فایل ها را میتواند Cache کند و کدام فایل ها را تنها باید از سرور دریافت کند.

در ادامه همراه ما باشید…

(بیشتر…)

راهنمایی مقدماتی در استفاده از three.js

  • بوسیله: محسن شفیعی
  • در 1392/06/19 - 20:59
  • نظرات (2)
threeJs Demo

threeJs Demo

اگر مطالب آپارنت را دنبال کرده باشید در مطلب “مروری سریع بر WebGL” با WebGL و کتابخانه threejs اندکی آشنا شدیم. در این مطلب با استفاده از کتابخانه three.js میخواهیم مدلهای سه بعدی که میسازیم را روی مرورگر نشان دهیم.

مشاهده دمو

منبع: teamtreehouse.com

در ادامه همراه ما باشید…

(بیشتر…)

مروری سریع بر WebGL

  • بوسیله: محسن شفیعی
  • در 1392/06/05 - 0:14
  • نظرات (5)
WebGL

WebGL

با رفتن به سایت (http://chrysaora.com) شبیه سازی زیبایی از عروس های دریایی را میبینید که میتوانید با ماوس جهت نمایش را عوض کنید. همچنین میتوانید تعداد و سرعت و انواع مختلفی از تنظیمات را روی عروس های دریایی انجام دهید.

اما ممکن است تعداد زیادی از کاربران این فکر را بکنند که این شبیه سازی با برنامه هایی مانند Flash و Silverlight درست شده اند، اما در این مورد و شاید موردهای آینده این یک حدس اشتباه است؛ بلکه حدس درست استفاده از تکنولوژی WebGL است.

در ادامه همراه ما باشید تا اطلاعات مقدماتی در مورد WebGL کسب کنیم.

(بیشتر…)

نمایش وضعیت باتری دستگاه توسط Battery API

  • بوسیله: محسن شفیعی
  • در 1392/05/07 - 17:51
  • نظرات (3)
جاوا اسکریپت - JavaScript

جاوا اسکریپت – JavaScript

امروز با API جدیدی که در HTML5 معرفی شده است آشنا میشویم. توسط Battery API در زبان جاوا اسکریپت میتوان وضعیت باتری دستگاه را نمایش داد. همچنین HTML5 رویدادهایی را برای تغییر وضعیت باتری هم در نظر گرفته است.

در ادامه همراه ما باشید… (بیشتر…)

چگونه در مرورگر لاغر شویم!! – بخش اول

  • بوسیله: محسن شفیعی
  • در 1392/04/16 - 22:39
  • نظرات (7)
افزایش کارایی صفحات وب

افزایش کارایی صفحات وب

در سایت browserdiet.com چندی از متخصصان وب از شرکت های مختلفی مانند تویتر، گوگل، اپرا و چند شرکت دیگر راهنمای سرگرم کننده ای درست کرده اند که رعایت آنها باعث افزایش کارایی صفحه وب شما میشود. این راهنماها در بخش های مختلفی اعم از HTML, CSS, JavaScript, jQuery, Images, Server است.

 در این مطلب به نکته هایی که در این سایت به آنها اشاره شده است میپردازیم. این مطلب کاربردی را از دست ندهید.

در ادامه همراه ما باشید…

(بیشتر…)

حذف تگ hgroup در HTML5

  • بوسیله: محسن شفیعی
  • در 1392/02/02 - 16:19
  • یک نظر
اچ تی ام ال 5 - HTML5

اچ تی ام ال 5 – HTML5

آیا از تگ hgroup استفاده میکنید؟ این زیاد خوب نیست اما این عنصر بزودی در HTML5 حذف خواهد شد.

ما فکر میکنیم که در HTML5 همه چیز در حال اضافه شدن است. مانند اضافه شدن عنصر main, اما اگر تگی هم کارآمد شناخته نشود حذف خواهد شد.

(بیشتر…)

ساخت تایمر دایره ای شکل با Canvas

  • بوسیله: محسن شفیعی
  • در 1392/01/26 - 20:32
  • نظرات (3)
تایمر دایره ای شکل با Canvas

تایمر دایره ای شکل با Canvas

امروز صبح زمانی که در اینترنت گشت و گذار همیشگی رو انجام میدادم به یک تصویری, از یک برنامه در سیستم عامل IOS (اگر اشتباه نکنم) برخورد کردم. این تصویر, شامل یک دایره بود که داخل آن عددی وجود داشت, اینجا بود که به ذهن من رسید یک تایمر دوار با استفاده از Canvas بسازم, که بالاخره در ساعت 9:12 دقیقه شب به نتیجه رسیدم.

در ادامه با ما همراه باشید…

(بیشتر…)