محتوا
- HTML5 به عنوان یک استاندارد توسعه
- 01. Gov.uk
- 02. BarackObama.com
- 03. خط راه راه
- سمعی
- 04. صفحه کلید منطقی
- 05. JAM با Chrome
- بوم
- 07. Subbania
- 08. X-Type
- منابع یادگیری
- 18. گروه پاسخگوی تصاویر پاسخگو
- 20. WebPlatform.org
- نتیجه
یک سال دیگر سپری شد و تغییرات اساسی را ایجاد کرد. HTML5 در حال توصیه برای معرفی در سال 2014 است ، W3C چهار ویرایشگر جدید برای مدیریت مشخصات HTML5 W3C تعیین کرده و مشخصات HTML5 را در GitHub قرار داده است. و WHATWG بر روی استاندارد زندگی HTML متمرکز شده اند. طراحی پاسخگو و بوت استرپ توییتر جریان اصلی پیدا کرد ، IE10 منتشر شد (همراه با هفت نسخه از Chrome و Firefox) ، و پشتیبانی مرورگر همچنان بهبود می یابد. غیرممکن است که از بین هزاران مکانی که واقعاً بازی جمعی ما را پیش بردند ، فقط 20 سایت زمین شکن انتخاب کنید ، اما این تلاش من است. برای راحتی کار ، من آنها را بر اساس روشی که از HTML5 استفاده می کنند گروه بندی کرده ام.
HTML5 به عنوان یک استاندارد توسعه
دوازده ماه پیش ، من گفتم که HTML5 اکنون برای اکثر توسعه دهندگان پیش فرض است. سه سایت اول من نشان می دهد که این چقدر اکنون صحت دارد.
01. Gov.uk
یک پروژه عظیم ، Gov.uk ، هدف تبدیل شدن به آن است وب سایت دولت انگلیس ، دسترسی به کلیه خدمات و اطلاعات دولتی را ارائه می دهد. حتی در پروژه ای با این وسعت ، تیم پشتیبان آن تصمیم به استفاده از HTML5 گرفتند. جیمز وینر ، توسعه دهنده Frontend اظهار داشت: "HTML5 جایی است که همه چیز در آن جریان دارد ، بنابراین انتخاب منطقی بود". این سایت با استفاده از معناشناسی ، نقش های ARIA ، و API مکان یابی ، با برنامه هایی برای ذخیره سازی ویدیو و محلی نیز برنامه ریزی می کند.
02. BarackObama.com
در نبرد برای انتخاب مجدد ، BarackObama.com سلاح مخفی مبارزات انتخاباتی اوباما بود (همراه با پروژه های وب مرتبط مانند Narwhal). توسط تیمی از دامپزشکان صنعت ساخته شده است ، از عناصر معنایی ، داده ها - ویژگی های * و schema.org استفاده می کند و بر روی HTML5 Boilerplate ساخته شده است. اما واقعاً ، "ساخته شده با HTML5" این روزها حتی برای وب سایت POTUS فقط یکسان است. NY Times همچنین شایسته ستایش برای اینفوگرافیک های مبتنی بر بوم تعاملی است که برای تأثیر بسیار زیادی در وبلاگ Nate Silver's FiveThirtyEight مورد استفاده قرار گرفت.
03. خط راه راه
HTML5 همچنین استانداردی برای Stripe ، پردازنده پرداخت برای توسعه دهندگان با API مبتنی بر REST (و کتابخانه های پشتیبانی کننده Ruby ، Python ، PHP ، Java ، Scala و غیره) است که پذیرش کارت های اعتباری را به طرز مضحکی آسان می کند. Stripe از همه نوع حسن HTML5 استفاده می کند ، از جمله pushState برای تغییر URL بدون بارگیری مجدد ، جلسه ذخیره حافظه پنهان برای عملکرد ، و postMessage برای ارتباطات سرور جادوی خود را ایجاد کند. توسعه دهنده راس بوچر توضیح می دهد ، "اگرچه HTML5 برای کاری که ما انجام می دهیم حیاتی نیست ، اما به ما کمک می کند تا سطحی از صیقل به تجربه کاربری خود اضافه کنیم که قبلاً بسیار دشوار بود"
سمعی
صوتی در وب با افزایش پشتیبانی از مرورگر امسال پیشرفت چشمگیری داشته است. در حاشیه خونریزی ، آزمایشات اولیه با استفاده از تقویت کننده Web Audio API ، امکانات جدیدی را برای صدای مرورگر در آینده نزدیک به ما نشان می دهد.
04. صفحه کلید منطقی
این صفحه کلید توسط Fritz Obermeyer فقط بر اساس لحن ساخته شده است و برای تشویق نت های همخوان بر اساس آنچه شما بازی می کنید ، خود را مرتب می کند. صداها برای کار با وب کارگران ساخته می شوند ، سپس با استفاده از اشیا element عناصر صوتی پخش می شوند. این سایت همچنین از بوم برای کلیدها ، حافظه پنهان برنامه برای آفلاین و بسیاری از ریاضیات دوست داشتنی استفاده می کند. منبع در GitHub (از جمله رمزگذار صوتی) است.
05. JAM با Chrome
با فشار دادن آنچه ممکن است با Web Audio API انجام شود ، JAM با Chrome یک برنامه موسیقی است که به شما امکان می دهد یک جلسه جم با دوستان خود بازی کنید. این از سوکت های وب برای ارتباطات ، موارد خوب مانند استفاده می کند درخواستAnimationFrame و getBoundingClientRect برای تعامل ، و بوم و SVG برای ترسیم ابزار. برنامه توسط Google Creative Lab ، Dinahmoe ، Tool و تصویرگر راب بیلی ایجاد شده است.
بوم
با شتاب سخت افزاری در تلفن همراه ، تعداد زیادی موتور بازی HTML5 و پشتیبانی از Web Audio API و WebGL که شروع به نمایش می کند ، زمان بسیار خوبی برای ساخت بازی در HTML5 است.
07. Subbania
"نازی ها در جهنم با شیاطین مبارزه می کنند" این است که چگونه توسعه دهنده fiblye این بازی منحصر به فرد و ناراحت کننده را جمع بندی می کند. تقریباً تمام آنچه شما باید بدانید ، درست است؟ این بازی مبتنی بر بوم یک کار عاشقانه دو ساله است و واقعاً درهای آنچه را که «بازی HTML5» می تواند داشته باشد می زند. با 20،000 خط کد ، 118 سطح و 25 آهنگ صوتی ، بیش از آنچه در مرورگر انتظار دارید ، است.
08. X-Type
Impact ، X-Type توسط Dominic Szablewski و آهنگساز Andreas Loesch ساخته شده و بر اساس چارچوب بازی Szablewski ساخته شده است ، "یک فضای فضایی دیوانه وار با جنگهای بی پایان رئیس" برای مرورگرهای دسک تاپ و تلفن های همراه (دومی از طریق Touch Events). Szablewski اظهار داشت: "از زمان iOS 5 ، عنصر بوم بسیار سخت افزاری است و این واقعاً نشان داده می شود. شما می توانید صدها روح را روی صفحه بکشید بدون اینکه سرعت آن کند شود." به گفته Szablewski ، این مورد در مورد Chrome در Android نیز "تا حدی" صدق می کند.
منابع یادگیری
18. گروه پاسخگوی تصاویر پاسخگو
اگرچه از نظر فناوری وب مورد استفاده ، تغییر دهنده بازی نیست ، اما کار گروه پاسخگوی تصاویر جامعه همچنین تغییراتی را نشان می دهد ، این بار از نظر نحوه تعامل توسعه دهندگان وب با W3C و WHATWG. از لحاظ تاریخی ، در توسعه مشخصات وب موانع زیادی وجود داشته است. در حالی که WHATWG HTML5 را بسیار گسترده تر کرده است ، گروه پاسخگوی تصاویر جامعه دخالت قابل توجهی از گروهی از توسعه دهندگان وب در روند ایجاد مشخصات است. مسلماً ، این یک فرایند یادگیری برای هر دو طرف بوده است و نتایج تاکنون همه راضی نکرده است. با این حال ، امیدوارم که این شروع برنامه نویسان وب در ترانشه ها باشد که به طور فعال درگیر فرآیند ایجاد مشخصات هستند. همراه با مرورگرهایی که به طور مداوم به صورت خودکار به روز می شوند ، انتظار می رود که از ویژگی های جدید وب به یک چرخش قابل توجه کاهش یابد.
20. WebPlatform.org
W3C با تمرکز بر تهیه و انتشار مشخصات وب ، هرگز انرژی یکسانی را در تهیه آموزش و منابع برای توسعه دهندگان وب صرف نکرده است. گروه های دیگر در پایان این خلا را پر کرده اند ، از جمله منابع Opera ، Apple ، Microsoft - و مهمتر از همه Mozilla Developer Network wiki (ما معمولاً به دلیل SEO نادرست اشاره نمی کنیم). این hodgepodge می تواند یافتن مستندات اخیر و در دنیای واقعی را دشوار کند. WebPlatform.org با همکاری W3C و پشتیبانی توسط Adobe ، Facebook ، Google ، HP ، Intel ، Microsoft ، Nokia ، Mozilla و Opera پشتیبانی می شود منبع اسناد وب. در حالی که هنوز روزهای ابتدایی است ، امیدوارم سایت به عنوان یک منبع متعارف شناخته شود و جای سایت های مبتنی بر تأثیر تبلیغات تبلیغاتی را در بالای نتایج جستجو قرار دهد. در MediaWiki ، WordPress و Question2Answer ساخته شده است ، همچنین دیدن HTML5 سایت بسیار خوب است: پروژه های مستقر با کندی بیشتر نیز در حال مهاجرت هستند.
نتیجه
اگر فکر می کنید این اتفاق در سال 2011 نیفتاده است ، امسال بدون شک HTML5 را به عنوان عملاً استاندارد وب استفاده از معناشناسی HTML5 اکنون بسیار رایج است و به نظر نمی رسد دیگر به آن اشاره شود. برای من ، بسیاری از هیجان های امسال ناشی از بهبود پشتیبانی و عملکرد برای استانداردهای مرورگر و نگاهی به آینده با Web Audio API و WebGL است. من همچنین از اینکه پشته وب بیشتر شاخه های خود را به دستگاه های تلفن همراه و همچنین برنامه های جدی مانند براکت ها در HTML5 ، CSS3 و JS نوشته شده ، بسیار هیجان زده هستم.
خواندن توییت هایی مانند:
همچنین به من می گوید ما تازه شروع به کار کرده ایم: انتظار داشته باشید که 2013 حتی سخت تر از امسال مرورگر را لغو کند. زمان خوبی برای توسعه وب است!
من با تشویق همه ما به فکر کردن در مورد اینکه چگونه می توان وب را به جلو پیش برد ، کار را تمام می کنم. خواه تحقیق و نوشتن درباره آنچه آموخته اید ، ثبت اشکال مرورگر یا مشارکت در یک پروژه منبع باز ، روش های بسیاری وجود دارد که می توانیم بصورت جمعی وب را بهتر کنیم. با ایجاد یک حساب کاربری در WebPlatform.org و ایجاد ویرایش شروع کنید!
Oli Studholme یک نیوزیلندی است که در چراغهای روشن توکیو ژاپن زندگی می کند. عشق او به وب با اولین وب سایت خود در سال 1995 آغاز شد و اشتراک این عشق کمک به سازماندهی Web Directions East و تبدیل شدن به یک پزشک HTML5 است. او به همراه یک بازیگر تمام ستاره نوشتن HTML5 و CSS3 - وب تکامل یافته ، منتشر شده توسط Apress. در oli.jp بیشتر بخوانید و او را در توییتر @ boblet دنبال کنید.
