HTML5

[Pooria Azimi]

این‌ها هم همه با HTML5 و بدون فلش ساخته شده‌اند:
http://www.chromeexperiments.com/arcadefire



از : http://www.9to5mac.com/23256/look-what- ... hout-flash

[Pooria Azimi]

چه چیزهایی را میتوان از Html5 انتظار داشت؟

فضای آفلاین: Google Gears را میشناسید؟ HTML5 قرار است چیزی شبیه آن در خود داشته باشد. برای مثال میتوان باHTML5 ایمیلهای خود را به صورت آفلاین خواند. مثال دیگر این است که سایتها میتوانند برخی از اطلاعات خود را بر روی سیستم شما ذخیره کنند و این یعنی چند برابر سرعتی که الان داریم درست مثل یک “ابًر کوکی”.
امید

دو نمونهٔ زیر رو ببینید:
http://webkit.org/demos/calendar/Calendar.html
و این‌یکی که خیلی خوشگله:
http://webkit.org/demos/sticky-notes/

چیزی که این دو رو متمایز می‌کنه، دقیقاً استفاده از همین ویژگیه. چند Note درست بکنید و توشون مطلب بنویسید، یا در Calendar یک event درست بکنید، صفحه رو که ریفرش بکنید باز هم همه‌چیز سر جاشه

[abdol]

چه چیزهایی را میتوان از Html5 انتظار داشت؟

فضای آفلاین: Google Gears را میشناسید؟ HTML5 قرار است چیزی شبیه آن در خود داشته باشد. برای مثال میتوان باHTML5 ایمیلهای خود را به صورت آفلاین خواند. مثال دیگر این است که سایتها میتوانند برخی از اطلاعات خود را بر روی سیستم شما ذخیره کنند و این یعنی چند برابر سرعتی که الان داریم درست مثل یک “ابًر کوکی”.
امید

دو نمونهٔ زیر رو ببینید:
http://webkit.org/demos/calendar/Calendar.html
و این‌یکی که خیلی خوشگله:
http://webkit.org/demos/sticky-notes/

چیزی که این دو رو متمایز می‌کنه، دقیقاً استفاده از همین ویژگیه. چند Note درست بکنید و توشون مطلب بنویسید، یا در Calendar یک event درست بکنید، صفحه رو که ریفرش بکنید باز هم همه‌چیز سر جاشه

دلیلش اینه که به خوندن/نوشتن بر روی دیسک سخت دست رسی‌ داره بدون اینکه از شما اجازه بگیر!

[Pooria Azimi]

به خوندن و نوشتن در دیسک سخت دسترسی داره، اما مرورگر بر کارش نظارت داره و هیچ مشکل امنیتی مطرح نیست - اینجوری نیست که سایتی بتونه اطلاعات سایت دیگری رو بخونه:

http://diveintohtml5.org/storage.html

[Ilia]

سایت زیر نمونهٔ کارهای مازیلا را آورده که به دیدنش می‌ارزد:
http://designbeep.com/2011/07/05/20-ama ... css3html5/

و این یک نمونه از موارد آن سایت است:
https://developer.mozilla.org/en-US/dem ... ess/launch

یا این یکی:
https://developer.mozilla.org/en-US/dem ... dio/launch

[Pooria Azimi]

این ساعت که با CSS3 Animation و جاوااسکریپت ساخته شده واقعاً محشره:

http://aprilzero.com/

فوکوس رو ببرید روی یک برنامهٔ دیگه یا یک تب دیگه و چند ثانیه صبر کنید و بعد برگردید به همون تب، یه انیمیشن جالب‌تر هم می‌بینید (باز شدن یک دریچه).


این سایت، به همین قشنگی روی آی‌پد هم اجرا می‌شه. روی آی‌پد انگار افکت باز شدن و بسته شدنِ اون دریچه با pinch-in & out انجام می‌شه. خیلی جالبه.

[7i7GRiFFiN]

میگم چرا راه دور میرید؟ ادوبی هم که دیگه خودش هم به اچ‌تی‌ام‌ال۵ رو آورده :دی این مطلب من در این مورد؛ http://7i7griffin.info/360
و این هم لینک وب‌سایت جدید ادوبی (نه وب‌سایت اصلی): http://beta.theexpressiveweb.com/

[Pooria Azimi]

این عجیب‌ترین استفاده از تکنولوژی‌های مدرن وبه که تا به‌حال دیده‌م:

http://lights.elliegoulding.com

حدوداً ۶-۷ مگابایت فایل دانلود می‌کنه، برای همین باید کمی صبر کنید. واقعاً جالبه که همچین چیزی رو می‌شه داخل براوزر ساخت. با تکون دادن ماوس، جهت حرمت تغییر می‌کنه، و می‌تونید روی حباب‌های موجود در صحنه هم کلیک کنید تا بترکند!

---

این با WebGL ساخته شده. در حال حاضر، IE تنها براوزر دسکتاپه که انگار از WebGL هنوز پشتیبانی نمی‌کنه.

از http://news.ycombinator.com/item?id=3107946

[Mazdak]

google Swiffy یک اکستنشن ارائه کرده که با آن می‎توان Flash را به‎صورت HTML5 اکسپورت کرد:

http://www.google.com/doubleclick/studi ... nsion.html







و در اینجا می‎توان به‎صورت آن‎لاین از فایل SWF خروجی HTML5 با فرمت html گرفت:

http://www.google.com/doubleclick/studio/swiffy/

[Pooria Azimi]

مایکروسافت بازی Cut the Rope رو با تکنولوژی های HTML5 پیاده سازی کرده، که نتیجه ش بسیار بسیار عالی شده:

http://www.cuttherope.ie/?html5audio=true

فقط حیف که الآن کد جاوااسکریپتش با کلیک ماوس کار میکنه و برای همین الآن روی آیپدم نمیتونم تستش بکنم، اما مطمئنم که انیمیشنهاش بسیار smooth خواهد بود...

مرده باد فلش

ادیت: به نظر میرسه این کار خود مایکروسافت نبوده و اونها فقط اسپانسرش بوده ن... خود بازی رو PixelLab ساخته (در http://www.cuttherope.ie/dev/ نشون میده که کامپیوترهاشون iMac بوده!)

[Ilia]

معرکه و احسنت!

خیلی جالب بود.

[Pooria Azimi]

این یکی واقعاً قشنگه - اگر سافاری دارید امتحانش کنید. روی سافاری آیپد هم بسیار قشنگ کار میکنه: http://acko.net/blog/making-love-to-webkit/


از http://news.ycombinator.com/item?id=3470736

[Pooria Azimi]

http://www.alessioatzeni.com/mac-osx-lion-css3/



از http://news.ycombinator.com/item?id=3496497

[sadeghi]

سلام
آیا از html5 به صورت آفلاین هم می توان استفاده کرد؟ یعنی مثلا من الان کلیپی با پاورپوینت ساخته ام و به فلش تبدیل کرده ام و می خواهم آن را برای دوستانم بفرستم آیا می‌شود آن را به فرمت html5 ارسال کرد و بعد آن ها در سافاری آن را مشاهده کنند؟ کلا به جز فلش چه فرمت دیگری را می توان برای خروجی با کیفیت خوب و نسبتاکم حجم از یک فایل پاورپوینت استفاده کرد؟
ممنون از همه دوستان
محسن

[Pooria Azimi]

در کروم جستجو کنید:

کد: انتخاب همه

sqrt(x*x+y*y)+3*cos(sqrt(x*x+y*y))+5*sin(sqrt(x*x+y*y))^2

این WebGL چیز بسیار خوبیه. همچین چیزی رو سالها پیش با فلش می‌نوشتند، اما performance ـش به‌شدت افتضاح بود. اما WebGL اصلاً این‌طور نیست و برنامه کاملاً native به‌نظر می‌رسه.

نسخه‌های آیندهٔ سافاریِ iOS (و همچنین سافاری مک) پشتیبانی کامل از WebGL خواهند داشت و اون‌موقع، برنامه‌های بسیار بسیار زیبای آنلاینی می‌شه نوشت که برای استفاده‌شون اصلاً نیازی به دانلود و نصب یک برنامه نیست، و سرعتشون هم بسیار خوبه (مثلاً چیزی مثل Google Earth ساختش کار مشکلی نیست، و سرعتش هم بسیار خوب خواهد بود).


(از http://news.ycombinator.com/item?id=3777505)