Borna66
06-15-2010, 09:23 PM
در وبسایت http://html5demos.com (http://html5demos.com/) مثالهایی از امکانات Html5 برای نمایش در مرورگرهای Internet Explorer, Firefox, Safari, Opera و Chrome جمع آوری و به نمایش گذاشته شده است.
برخی از این Demo ها که به نظر بنده جالبتر هستند:
1. Interactive canvas gradients (http://html5demos.com/canvas-grad)
استفاده از Canvas برای تغییر رنگ صفحه وب با توجه به موقعیت موشواره در صفحه.
2. Content Editable (http://html5demos.com/contenteditable)
استفاده از خصیصه contenteditable که با استفاده از آن میتوان به صورت پویا، محتوای بخش مورد نظر از صفحه را ویرایش نمود. پس از عبور موشواره از روی بخشهایی از صفحه وب که دارای این خصیصه باشند، کادر خاکستری رنگی دور آن نمایش داده میشود.
3. drag and drop (http://html5demos.com/drag)
کشیدن و رها کردن عناصر یک لیست.
4. drag anything (http://html5demos.com/drag-anything)
تشخیص کشیدن و رها نمودن تمام اجزای صفحه، مانند متنها، تصاویر، لینکها، فایلها و غیره.
5. navigator.onLine tests (http://html5demos.com/nav-online)
تشخیص online یا offline بودن مرورگر وب.
6. Web Workers (http://html5demos.com/worker)
استفاده از worker ها در یک صفحه وب برای جستجوی اعداد اول.
برخی از این Demo ها که به نظر بنده جالبتر هستند:
1. Interactive canvas gradients (http://html5demos.com/canvas-grad)
استفاده از Canvas برای تغییر رنگ صفحه وب با توجه به موقعیت موشواره در صفحه.
2. Content Editable (http://html5demos.com/contenteditable)
استفاده از خصیصه contenteditable که با استفاده از آن میتوان به صورت پویا، محتوای بخش مورد نظر از صفحه را ویرایش نمود. پس از عبور موشواره از روی بخشهایی از صفحه وب که دارای این خصیصه باشند، کادر خاکستری رنگی دور آن نمایش داده میشود.
3. drag and drop (http://html5demos.com/drag)
کشیدن و رها کردن عناصر یک لیست.
4. drag anything (http://html5demos.com/drag-anything)
تشخیص کشیدن و رها نمودن تمام اجزای صفحه، مانند متنها، تصاویر، لینکها، فایلها و غیره.
5. navigator.onLine tests (http://html5demos.com/nav-online)
تشخیص online یا offline بودن مرورگر وب.
6. Web Workers (http://html5demos.com/worker)
استفاده از worker ها در یک صفحه وب برای جستجوی اعداد اول.