Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Рубрика «html5» - 56
Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013)
2013-04-26 в 19:38, admin, рубрики: css, css3, html, html5, jquery, JS, Samsung, автомобили, Блог компании Zfort Group, браузеры, букмарклеты, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, хакеры, метки: css, css3, html, html5, jquery, Samsung, автомобили, браузеры, букмарклеты, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на сми, хакеры.png "Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013)")
jRIApp — новый HTML5 фреймворк для создания интернет бизнес приложений, часть 2
2013-04-24 в 10:51, admin, рубрики: ASP, html5, javascript, javascript framework, Веб-разработка, метки: html5, javascript framework В предыдущем топике я начал обзор нового HTML5 Фреймворка, который, собственно, я создавал для своих нужд. Я хотел перейти от SilverLight приложений к новому веянью — HTML5 Single Page Applications. Однако, на рынке, однозначно, нет готовых HTML5 Фреймворков для создания ориентированных на работу с данными приложений, так как для создания таких приложений есть много дополнительных требований, что не учитывалось, при их создании, в существующих Фреймворках. Да, и помимо этого, есть еще один плюс от собственного Фреймворка — полный контроль над его функциями. Если что-то там не хватает, можно добавить, ну, и изредка убавить.
Читать полностью »
jRIApp — новый HTML5 фреймворк для создания интернет бизнес приложений
2013-04-23 в 8:20, admin, рубрики: ASP, html, html5, javascript, фреймворки, метки: html5, javascript, фреймворкиjRIApp — ещё один HTML5 фреймворк, созданный для разработки Web приложений, которые по своей функциональности мало чем уступают desktop приложениям.
Основное отличие от уже существующих фреймворков типа angularJS или emberJS, это наличие интегрированного с фреймворком сервиса данных, а также использование MVVM дизайн-архитектуры вместо наиболее распространенного в фреймворках такого типа MVC дизайна.
Клиентская часть написана на javascript, а серверная на C#.
Этот фреймворк опубликован на GitHub под MIT лицензией. Он включает демо-приложение написанное с использованием ASP.NET MVC4 и содержит документацию по его использованию.
Читать полностью »
Кроссбраузерное воспроизведение видео на html5
2013-04-22 в 22:50, admin, рубрики: html, html5, браузеры, Веб-разработка, метки: html5, видео 
Продолжительное время для воспроизведения видео на сайтах использовался в большинстве случаев flash. Но выход html5 принес свои изменения. И сейчас мы рассмотрим как использовать html5 для видео на Вашем сайте.
Читать полностью »
Дайджест интересных новостей и материалов из мира айти за последнюю неделю №53 (13 — 19 апреля 2013)
2013-04-19 в 19:00, admin, рубрики: css, css3, Google Glass, html, html5, jquery, JS, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, статистика, метки: css, css3, Google Glass, html, html5, jquery, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на сми, статистикаПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
.png "Дайджест интересных новостей и материалов из мира айти за последнюю неделю №53 (13 — 19 апреля 2013)")
Калькулятор окон ПВХ для сайта на JS. Часть 1. Аналитика
2013-04-19 в 9:54, admin, рубрики: canvas, html5, javascript, аналитика, Веб-разработка, разработка, управление проектами, метки: Canvas, html5, javascript, аналитика, разработкаРечь в статье пойдёт об оконном калькуляторе. Да, я знаю что их море, но тот, о котором хочу рассказать — особенный. Он позволяет считать стоимость оконных изделий на сайте со средним отклонением от расчётной программы на производстве в 0.002%. На момент запуска проекта (май 2011 года) это калькулятор был единственным решением такого рода. Как обстоят дела с этим сейчас я не знаю, но судя по периодическим звонкам, допускаю что изменилось мало чего.
Особенности проекта:
Качественная предварительная аналитика задачи. Именно она определила ту границу которая позволила создать простой инструмент для основной целевой аудитории, полностью учитывающий требования по специфике для ~90% изделий требующих расчёта. В первой части будет именно об этом.
Выбор HTML5 Canvas в качестве основы для графической реализации. Многие разработчики до сих пор считают что данная технология “экспериментальная” и не подходит для сервисов ориентированных на широкую публику. Что тут говорить о марте 2011 года?.. Данный выбор стоил мне килограмма нейронов, но он полностью себя оправдал. Этому, а также другой специфике с которой пришлось бороться при реализации задачи будет посвящена вторая часть.
Читать полностью »
Как я Quake в браузере делал
2013-04-18 в 10:07, admin, рубрики: canvas, game development, html5, javascript, quake, WebGL, Веб-разработка, метки: Canvas, html5, Quake, WebGL 
2 месяца назад я выложил на GitHub первую бета-сборку WebQuake — порта первого Quake, работающего в браузере через WebGL.
В этом посте я бы хотел вам рассказать о подробностях разработки и реализации движка: как сделана графика, как работает звук, и так далее.Читать полностью »
Тестирование приложений на Canvas: рецепты на примере тестирования API Яндекс.Карт
2013-04-18 в 9:17, admin, рубрики: canvas, html5, html5 canvas, selenium, webdriver, Блог компании Яндекс, тестирование, яндекс, метки: Canvas, html5, html5 canvas, selenium, webdriver, тестирование 
Несмотря на то, что HTML5 всё ещё находится в процессе разработки, он уже появляется в веб-интерфейсах. Одним из основных нововведений этой версии HTML стал элемент Canvas, который используется для отрисовки двухмерной графики. Например, всё, что вы видите и с чем взаимодействуете в игре MMORPG от компании Mozilla или старом-добром Command and Conquer, отрисовывается и обрабатывается с помощью Canvas. Самые изощрённые умы даже реализуют полноценные формы на Canvas. Или интерактивную модель солнечной системы.
Фреймворки для работы с этим элементом растут как грибы после дождя; про то, как начать программировать, используя Canvas, написано огромное количество статей. Но есть один пункт, о котором, по-видимому, из-за узкой специфики говорят редко и мало. Речь идёт о тестировании приложений на Canvas. В каком-то смысле оно становится проблемой для инженера по тестированию, который привык обращаться к элементам на странице по их css или xpath селекторам, а затем выполнять с объектом какие-то действия. С Canvas такой подход не работает, ведь DOM элемент один, а объектов в нём — много.
Под катом на примере автоматизации тестирования API Яндекс.Карт я расскажу вам о том, как мы решили эту проблему в Яндексе.
Читать полностью »
Телефоны на Firefox OS появятся в продаже на следующей неделе
2013-04-18 в 0:26, admin, рубрики: Firefox, Firefox OS, geeksphone, html5, Qualcomm, Железо, мобильная связь, Мобильный веб, метки: firefox, Firefox OS, geeksphone, html5, Qualcomm, мобильная связьЭтой ночью мне, как подписчику Geeksphone пришло письмо, начинающееся словами: «Next week at last, KEON & PEAK by Geeksphone will be available for dispatch anywhere on Earth from Geeksphone’s online shop, shop.geeksphone.com».
То есть, начиная со следующей недели, Geeksphone выставит на продажу аппараты KEON и PEAK через интернет-магазин — ждать до июня не нужно!
Оба аппарата несут на борту 512 Мб оперативной памяти и 4 Гб флэш, отличаются в основном процессором, батареей, и экраном.
Читать полностью »
JQuery плагин для перевода страниц с помощью html5 data-* атрибутов
2013-04-17 в 16:21, admin, рубрики: html5, javascript, jquery, jquery plugins, translation, Веб-разработка, метки: html5, jquery, jquery plugins, translationДоброго времени суток!
Хочу поделиться своей наработкой для перевода страниц сайта с помощью простейшего jQuery плагина и такой приятной новой плюшки html5, как data-* атрибуты.
Итак цель: возможность легко и быстро обеспечить поддержку нескольких языков для разрабатываемого веб приложения.
Теперь немного кода. Предположим у нас имеется вот такая вот нехитрая html разметка:
<h1 data-translate-key="HEADING-ONE">Heading 1</h1>
<p data-translate-key="SOME-TEXT">Some text in tag P</p>
<p data-translate-key="ANOTHER-TEXT">another text</p>