Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «html5»
Canvas / Верхом на танке — Часть 1 — Поле боя 2011-09-04 14:38:14
 В ...
+ развернуть текст сохранённая копия
В этот прекрасный, ничем не отличающийся от остальных день (если не брать в расчёт тот факт, что холодная погода разбила в осколки все мечтания о хотя бы паре тёплых дней в этом году что бы поездить на велосипеде), у меня выдалось хорошее настроение. И хорошее оно даже несмотря на то, что я отчаялся ставить хакинтош на свой ноут, и пришёл к неутешительной мысли, что если я хочу хоть что-то написать под iOS, то мне надо копить на продукцию фирмы Эппл. Но собственно пост не об этом, а о небольшой жизни крохотной игрушки, которую мы с вами и попытаемся создать. Честно говоря, в добрые времена я не так уж и много играл в предка нашего творения (которого ещё и не существует), но определённые теплые воспоминания ещё остались в моём сердце. Итак… Танки! Танчики! БатлТанкс! БатлСити!
Писать будем на JavaScript с выводом на canvas.
Далее более
Тэги: canvas, html5, tutorial, танк
Как сделать собственный видео-плеер на HTML5 Video 2011-08-29 18:51:43
... общие вопросы использования HTML5 Audio и Video ... видео-плеера на HTML5 Video.
+ развернуть текст сохранённая копия
Хабы: Веб-разработка, HTML, Блог компании Microsoft Ранее мы уже рассмотрели общие вопросы использования HTML5 Audio и Video и начали погружаться в детали, начав с задачи определения поддержки браузером нужного кодека. Сегодня мы рассмотрим задачу создания собственного видео-плеера на HTML5 Video.
Напомню, что video-элемент сам по себе уже обеспечивает необходимый набор контролов для управления проигрыванием. Чтобы была видна панель управления воспроизведением, достаточно указать атрибут controls.
<video src="trailer_480p.mp4" width="480" height="270" poster="poster.gif" controls />
Однако, как я отмечал в вводной статье, со стандартными контролами есть проблема, которая заключается как раз в том, что выглядят они нестандартно. Другими словами, в каждом браузере они выглядят по-своему (проверить, как выглядят контролы в разных браузерах, можно на примере Video Format Support на ietestdrive.com — просто откройте его в двух-трех различных браузерах).
Читать дальше →
Тэги: html, html5, microsoft, player, video, блог, веб-разработка, видео, компания, плеер
Веб-разработка / [Перевод] Улучшаем производительность HTML5 canvas 2011-08-24 22:08:05
... HTML5Rocks о производительности HTML5 canvas. Автор пишет ... Вступление
HTML5 canvas, который ...
+ развернуть текст сохранённая копия
В последнее время мне везет натыкаться на интересные статьи для перевода. На этот раз – статья на HTML5Rocks о производительности HTML5 canvas. Автор пишет о некоей стене, в которую упираются разработчики при создании приложений. Какое-то время назад в нее уперся и я при портировании старой-доброй игры на canvas.
К сожалению, графики в оригинале вставлены через iframe. Я мог бы сделать снимки и разместить их изображения, но сам автор позиционирует графики актуальными и такими, которые будут обновляться, потому я просто разместил на них ссылки. Приятного чтения!
- Вступление
- Тестирование производительности
- Предварительно отрисовывайте в виртуальный canvas
- Группируйте вызовы
- Избегайте ненужных изменений состояния
- Отрисовывайте только разницу, а не весь холст
- Используйте многослойных canvas для сложных сцен
- Избегайте shadowBlur
- Различные способы очистить экран
- Избегайте нецелых координат
- Оптимизируйте анимации с помощью 'requestAnimationFrame'
- Большинство мобильных реализаций canvas – медленные
- Заключение
- Ссылки
Вступление
HTML5 canvas, который начинался, как эксперимент компании Apple, – наиболее широко распространенный стандарт для 2D режима непосредственной графики в интернет. Многие разработчики использую его в широком круге мультимедиа проектов, визуализаций и игр. Как бы то ни было, с ростом сложности приложений, разработчики нечаянно натыкаются на стену производительности. Читать дальше →
Тэги: canvas, html5, requestanimationframe, производительность
HTML5 / [Из песочницы] Content editable в HTML5 2011-08-24 04:47:35
... 2nkpbm9.png" alt=" HTML5" align="left"/>< ...
Одним из нововведений HTML5 стала возможность редактировать ...
+ развернуть текст сохранённая копия
Одним из нововведений HTML5 стала возможность редактировать часть страницы прямо в браузере. Эта фича получила название content editable. Она работает во всех современных браузерах. Чтобы сделать часть страницы редактируемой, нужно поставить тегу атрибут contenteditable="true". Под тегом может стоять практически всё: текст с форматированием, картинки, списки и даже flash-ролики. Но пользователь может добавлять толко текст, остольное он может только удалять. В этом посте я покажу пример использования content editable на веб-сайте.
Читать дальше →
Тэги: contenteditable, html5
HTML5 поможет в ранжировании ссылок 2011-08-21 21:07:26
... не доработанный стандарт HTML5 поможет поисковым системам ...
+ развернуть текст сохранённая копия
Новый еще даже до конца не доработанный стандарт HTML5 поможет поисковым системам более точно ранжировать ссылки расположенные на страницах.
Раньше, до использования этого стандарта веб мастерами, [...]
Тэги: html5, веб, верстка, дизайн, оптимизация, поисковый, ранжирование, сайт, ссылка
Главная / Главные темы / Тэг «html5»
|
Взлеты Топ 5
Падения Топ 5
|
