انجمن ویکی قلم‌های فارسی
ورود / عضویت

HTML5

محلی برای نرم افزارهای سایت ساز و مباحث مربوط به برنامه‌نویسی چون Objective-C ،Cocoa و غیره

HTML5

پستتوسط Ahmad » 26 ژوئن 2010, 18:45

دوستان سلام،

نظر به اهمیت HTML5 در تکامل وب و نیز بحثهای اخیر ما بین اپل و ادوب من این مبحث جدید را باز می‌کنم تا بتوانیم با کمک هم تمام اخبار مربوط به HTML5 را در یکجا جمع آوری کنیم. در اینجا می‌توانیم علاوه بر اخبار، نمونه های کد و نمونه‌هائی از صفحات وب و نیز برنامه‌های کاربردی که با استفاده از تکنولوژی HTML5 ساخته شده‌اند قرار دهیم. نیز می‌توانیم ترجمهٔ مقالات (و یا خلاصه‌ای از آن) را در این مورد در اینجا بیاوریم.

احمد
نماد کاربر
Ahmad
Site Admin
 
پست‌ها : 1289
تاریخ عضویت: 30 مه 2004, 17:33
محل سکونت: سوئد

Re: HTML5

پستتوسط Ahmad » 26 ژوئن 2010, 18:47

pooriaazimi نوشته است:[نمایش]
اپل صفحه ای با عنوان HTML5 در وبسایتش ایجاد کرده که در اون، برخی ویژگیهای HTML5 رو برجسته کرده:

http://www.apple.com/html5/

لازم به ذکره که حتماً باید از سافاری برای دیدن این صفحه استفاده بکنید.

مک رومرز همچنین چند وبسایت دیگه که از HTML5 استفاده می کنند و کار قشنگی انجام داده اند رو لیست کرده:

http://mugtug.com/darkroom/

http://mugtug.com/sketchpad/

http://mugtug.com/sketchpad/

البته دومی قبلاً بارها در این انجمن معرفی شده بود!

یک بازی هم هست که نسخه ای از اون با HTML5 و جاوااسکرپت ساخته شده و قابل اجرا در آیفونه. کافیه با سافاری در آیفون به http://www.brainiumstudios.com/webapp/ برید و با زدن دکمۀ +، اون رو به Home Screen ـتون اضافه بکنید.
نماد کاربر
Ahmad
Site Admin
 
پست‌ها : 1289
تاریخ عضویت: 30 مه 2004, 17:33
محل سکونت: سوئد

Re: HTML5

پستتوسط Ahmad » 26 ژوئن 2010, 18:49

Ahmad نوشته است:[نمایش]
pooriaazimi نوشته است:[نمایش]
به نظر می‌رسه اپل هم اون‌قدر بی‌گدار به آب نزده و برای جایگزینی فلش ( و ادوبی ایر )، فکرهایی در سر داره؛ فریم‌ورکی که از امکانات جاوااسکریپت و HTML5 به خوبی استفاده می‌کنه و توسط اپل ساخته شده :

http://www.appleinsider.com/articles/10 ... nduia.html



در همین مقالہ‌ای که پوریا به آن اشاره کرده، چندین نمونہ از امکان نمایش انیمیشن rich content به کمک HTML5 ذکر شده که فوق العاده جالب و پیشرفتہ است. توجہ شود که این مثالہا فقط در دو برنامۂ سفاری ۴ و گوگل کروم قابل اجرا است. نیز توجہ شود بہ این مسئلہ کہ متون استفاده شده در گرافیگ خاصیت متن بودن خود را حفظ کرده و امکان high light کردن آنہا و نیز کپی آنہا وجود دارد.
من اکثر بحثہای اخیر را در نشریات مختلف در این مورد را خوانده‌ام و بہ این نتیجہ رسیده‌ام کہ نہ صحبتہای استیوی جاب بی پایہ است و نہ وحشت ادوبی در از دست دادن ابتکار عمل.

Morphing Cube
http://webkit.org/blog-files/3d-transfo ... cubes.html

Poster Circle
http://webkit.org/blog-files/3d-transfo ... ircle.html

3D Transforms
http://webkit.org/blog-files/3d-transfo ... style.html

Interactive 3D Cube
http://www.fofronline.com/experiments/cube-3d

Interactive 3D Boxes
http://www.fofronline.com/experiments/c ... Cubes.html

Blowing apart fragments of video
http://craftymind.com/factory/html5vide ... Video.html

احمد
نماد کاربر
Ahmad
Site Admin
 
پست‌ها : 1289
تاریخ عضویت: 30 مه 2004, 17:33
محل سکونت: سوئد

Re: HTML5

پستتوسط Ahmad » 26 ژوئن 2010, 18:51

Ilia نوشته است:[نمایش]
اپل ادعا میکند که فلش تکنولوژی‌ایست که اولا قدیمی شده است، دوما وابسته به یک شرکت است و صحیح نیست که اینترنت وابسته به یک شرکت بشود. برای همین HTML5 را تشویق میکند. در بارهٔ قدیمی شدن فلش من چندان مطمئن نیستم اما در مورد وابستگی به یک شرکت کاملا موافقم.

چند سال قبل مایکروسافت تقریبا این بلا را داشت با اینترنت اکسپلوررش سر اینترنت می‌آورد. یعنی اکسپلورر از استانداردهای اینترنت دقیقا متابعت نمیکرد ولی از جایی که مایکروسافت اکثریت قاطع براوزرها را در دست داشت، طراحان وب مجبور بودند و هنوز هم هستند تا وب‌سایت‌ها را مطابق با اکسپلورر درست کنند نه استانداردهای HTML. نتیجه این شده بود که وبسایت‌ها با هیچ براوزری جز اکسپلورر درست کار نمیکردند. مک و لینوکس و غیره هم ول معطل بودند. اگر زور کشورهای اروپایی و جریمه‌های آنچنانی و شکایت شرکت‌های دیگر نبود، مایکروسافت به تنهایی اینترنت را قبضه کرده بود.

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

به همین علت است که من به راحتی حاضرم دور فلش را خط بکشم. مخصوصا اگر HTML5 بتواند جای خالیش را تا اندازه‌ای پر کند.

این هم نمونهٔ دیگری از HTML5. بگذارید تا پخش بشود، وقتی متوقف شد، با ماوس رویش کلیک کنید:

http://craftymind.com/factory/html5vide ... Video.html

ایلیا
نماد کاربر
Ahmad
Site Admin
 
پست‌ها : 1289
تاریخ عضویت: 30 مه 2004, 17:33
محل سکونت: سوئد

Re: HTML5

پستتوسط Ahmad » 26 ژوئن 2010, 18:59

با سلام،

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

نام صفحه HTML5 rocks است

http://slides.html5rocks.com

احمد
نماد کاربر
Ahmad
Site Admin
 
پست‌ها : 1289
تاریخ عضویت: 30 مه 2004, 17:33
محل سکونت: سوئد

HTML 5

پستتوسط Microsoft24 » 26 ژوئن 2010, 20:59

با سلام به همه ی دوستان و کاربران مکینتاش ،

میدونم همه تون با ساختار HTML 5 اشنایی کامل دارید ، اما مطلبی رو که چند وقت پیش تو P30World نوشته بودم رو اینجا منتقل کردم ، شاید یک نفر باشه که بخواد درباره ی ساختار HTML 5 بدونه ،
آخرین ویرایش توسط Microsoft24 on 26 ژوئن 2010, 21:09, ویرایش شده در 3.
از کجا باید شروع کرد ، درد دل که گفتنی نیست ، قصه ی من خیلی وقته که دیگه شنیدنی نیست .
نماد کاربر
Microsoft24
 
پست‌ها : 349
تاریخ عضویت: 26 اوت 2009, 19:02
محل سکونت: Tehran

HTML 5 چیست ؟

پستتوسط Microsoft24 » 26 ژوئن 2010, 21:04

خیلی ها از آن سخن میگویند. بسیاری نامش را برده اند و کمتر کسی است که از آن چیزی نشنیده‌است. فایرفاکس و سافاری بخشی از آن را پشتیبانی میکنند. اما هنوز کسی به طور دقیق نمیداند که HTML5 چیست و چه کاری انجام میدهد؟!
اینجا قصد داریم تا به طور مختصر چیزهایی درباره‌ی این معجزه جدید وب یاد بگیریم.
HTML5 مجموعه‌ای از مشخصه هاست که میگوید چگونه زبان هسته وب یعنی HTML باید شکل بگیرد تا بتواند متن ها, تصاویر, فایلهای چند رسانه‌ای, فرم ها, برنامه های تحت وب و یا هر چیز دیگری را که شما در مرورگر خود میبینید را نمایش دهد. در حقیقت HTML5 یک بازبینی از چگونگی شکل گرفتن وب است.

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

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

اشکال غیر منظم: با امکانات کنونی تنها شکلی که میتوان برای قسمتهای صفحه داشت مستطیل است در حالیکه در HTML5 دیگر از این محدودیت ها خبری نیست. میتوانید از هر گوشه صفحه بهترین استفاده را ببرید. حتی میتوانید تنها با کد نویسی تصاویر, نمودارها و هرچیزی را که فکر کنید در صفحه خود داشته باشید. دیگر مجبور به استفاده از فلش یا افزونه های دیگر نیستید.

پخش صوت و ویدیو به صورت مستقل: این یعنی اینکه دیگر لازم به استفاده از Flash برای پخش ویدیو و صدا نیستید. به راحتی میتوان از یک خط کد برای اینکار استفاده کرد و در عین حال تمام قابلیتهایی نظیر عقب و جلو کردن, ذخیره ویدیو و … را در اختیار داشته باشید.

مکان یابی: HTML5 میتواند مکان شما را تشخیص دهد و نتایج جستجو را بر حسب مکان شما سفارشی کند و یا اینکه ورودی های توییتر شما را برچسب گذاری کند.

فرم‌های هوشمندتر: جعبه های متن, checkbox ها, منوهای کشویی و تمام عناصر یک فرم هوشمندانه تر عمل خواهند کرد و به شما امکانات بیشتری برای کنترل اطلاعات خواهند داد. برای مثال شما میتوانید هنگام ورود اطلاعات صحت و اعتبار آنها را کنترل کنید. همچنین عناصر فرم تعامل بیشتری با هم خواهند داشت.

تمرکز بر برنامه های تحت وب: آینده ازآن برنامه های آنلاین خواهد بود. HTML5 این امکان را میدهد که یک برنامه تحت وب بدون درد و خون ریزی با هر نوع سیستمی سازگار باشد و به کاربران این فرصت را میدهد تا بدون استفاده از ابزاری خاص از یک برنامه لذت ببرند. با HTML5 میتوان ابزارهای چت, انجمن, سایتهای drag-and-drop نوشت.

آیا با وجود JavaScript و Flash نیازی به استفاده از HTML5 هست؟

بسیاری فکر میکنند که HTML5 قرار است جای جاوا اسکریپت را بگیرد و این تصوری کاملا غلط است. برعکس HTML5 سعی بر این دارد کارآیی جاوا اسکریپت را بهبود بخشد. در حقیقت HTML5 کنترل بسیار بیشتری به JavaScript خواهد داد. اما در مورد فلش قضیه برعکس است.
Flash همیشه انتخاب خوبی نیست. مشکلات زیادی دارد. برای مثال استفاده زیاد از منابع سیستم مانند CPU و اینکه همیشه باید برای استفاده از آن نرم افزارش را نصب کرد.
و در آخر اینکه HTML5 آمده تا وب را تکان دهد. منتظر یک زلزله ۱۰ ریشتری باشید.

منبع LifeHacker
ترجمه و توضیح : Microsoft24

منبع :

http://forum.p30world.com/showpost.php? ... stcount=84

موفق باشید ، دوستان اپلی ،

امید
از کجا باید شروع کرد ، درد دل که گفتنی نیست ، قصه ی من خیلی وقته که دیگه شنیدنی نیست .
نماد کاربر
Microsoft24
 
پست‌ها : 349
تاریخ عضویت: 26 اوت 2009, 19:02
محل سکونت: Tehran

Re: HTML5

پستتوسط Ahmad » 26 ژوئن 2010, 22:54

ممنون امید

مطلب جالب و ترجمهٔ خوبی است. دستت درد نکن.
احمد
نماد کاربر
Ahmad
Site Admin
 
پست‌ها : 1289
تاریخ عضویت: 30 مه 2004, 17:33
محل سکونت: سوئد

Re: HTML5

پستتوسط Pooria Azimi » 26 ژوئن 2010, 23:25

احمد جان ممنون بابت تاپيك مفيد. البته پست سوم لينك هاش مشكل داره...

اميد جان ممنون إز ترجمه :-) 
نماد کاربر
Pooria Azimi
Site Admin
 
پست‌ها : 3332
تاریخ عضویت: 23 اوت 2008, 14:32
محل سکونت: Santa Barbara, CA

Re: HTML5

پستتوسط Payman.Rad » 27 ژوئن 2010, 00:42

باسلام،
ممنون از احمد خان برای این مبحث جالب و تشکر فراوان از امید جان بابت مطلب بسیار خوب ومفیدی که ترجمه و ارسال کرده ، حداقل من یکی که از HTML5 چیزی نمی دونستم :-)

پیمان
پیمان
Payman.Rad
 
پست‌ها : 93
تاریخ عضویت: 19 آوریل 2010, 18:44

Re: HTML5

پستتوسط Ahmad » 27 ژوئن 2010, 01:13

pooriaazimi نوشته است:[نمایش]
احمد جان ممنون بابت تاپيك مفيد. البته پست سوم لينك هاش مشكل داره...
 

پوریا جان با سلام

پست سوم مطلب خودت است. ممکن است زحمت بکشی لینک‌هایش را درست کنی؟

احمد
نماد کاربر
Ahmad
Site Admin
 
پست‌ها : 1289
تاریخ عضویت: 30 مه 2004, 17:33
محل سکونت: سوئد

Re: HTML5

پستتوسط Pooria Azimi » 27 ژوئن 2010, 01:55

سلام.

من امکان ویرایش پست‌ها رو ندارم... این متنیه که اگر جایگزین بشه پست سوم قابل استفاده می‌شه:

کد: انتخاب همهٔ
من اکثر بحثہای اخیر را در نشریات مختلف در این مورد را خوانده‌ام و بہ این نتیجہ رسیده‌ام کہ نہ صحبتہای استیوی جاب بی پایہ است و نہ وحشت ادوبی در از دست دادن ابتکار عمل

Morphing Cube
http://webkit.org/blog-files/3d-transforms/morphing-cubes.html

Poster Circle
http://webkit.org/blog-files/3d-transforms/poster-circle.html

3D Transforms
http://webkit.org/blog-files/3d-transforms/transform-style.html

Interactive 3D Cube
http://www.fofronline.com/experiments/cube-3d

Interactive 3D Boxes
http://www.fofronline.com/experiments/cube/multiCubes.html

Blowing apart fragments of video
http://craftymind.com/factory/html5video/CanvasVideo.html
نماد کاربر
Pooria Azimi
Site Admin
 
پست‌ها : 3332
تاریخ عضویت: 23 اوت 2008, 14:32
محل سکونت: Santa Barbara, CA

Re: HTML5

پستتوسط Ilia » 27 ژوئن 2010, 07:25

من درستش کردم.
نماد کاربر
Ilia
Site Admin
 
پست‌ها : 6175
تاریخ عضویت: 25 سپتامبر 2006, 01:01
محل سکونت: کانادا

Re: HTML5

پستتوسط Ahmad » 27 ژوئن 2010, 14:09

دستت درد نکند، ایلیا جان

احمد
نماد کاربر
Ahmad
Site Admin
 
پست‌ها : 1289
تاریخ عضویت: 30 مه 2004, 17:33
محل سکونت: سوئد

Re: HTML5

پستتوسط Pooria Azimi » 09 ژوئیه 2010, 16:01

نماد کاربر
Pooria Azimi
Site Admin
 
پست‌ها : 3332
تاریخ عضویت: 23 اوت 2008, 14:32
محل سکونت: Santa Barbara, CA

بعدی


بازگشت به برنامه‌نویسی


کاربران حاضر در این انجمن: بدون کاربران آنلاین و 0 مهمان