Возникла задача сделать анимацию — двигать картинку вдоль заданной кривой. Погуглил и с удивлением нашел, что несколько вопросов с подобной задачей на stackoverflow.com остаются без ответа уже не один год. Пришлось засучить рукава, покопаться в документации и найти подходящее решение.

Для одного из проектов мне нужно было использовать набор простых иконок. Сначала я остановил свой выбор на популярный набор Silk Icons и его Sprite-плагин для Blueprint, но чем дальше я с ним работал, тем сильнее требовалось что-то большее. Иконок было маловато, ненужных гораздо больше, чем нужных, а подгружать приходилось все.

Далее мой выбор остановился на Fugue Icons. Я поискал в гугле что-либо для CSS и нашел два решения. Первое: каждая иконка отдельным файлом. Сразу нет, потому что при загрузке страницы это смотрится очень убого. Второе: несколько отдельных PNG со спрайтами и единый CSS. Все это дело весило 1.4 Мб, что никак не допустимо для среднестатистического сайта.

Посему было принято решение паковать Sprite с нужными иконками и писать для него CSS самому, однако это можно сделать единожды, но не каждый раз при каких-то изменениях на сайте, да и для новых проектов тоже было бы не лишним как-то упростить задачу.

Хочу раcсказать, как без особых сложностей сделать свою первую мини игру на html5 (если точнее: js, html5, css).

Суть игры будет в следующем: человечек ходит по полю, между камнями и собирает цветочки, у каждого цветочка есть 1 охранник. Количество цветов с каждым уровнем увеличивается, карты создаются в случайном порядке.

Выглядит это все будет так:

	PushButton Engine (2d)
	Flixel (2d)
	Bold Pixel Engine (2d)
	Pixelblitz (2d)
	Другой 2D
	Papervision3D
	Away3D
	Alternativa3D
	Другой 3D
	Хватает нативного API/самописный

Проголосовало 56 человек. Воздержался 251 человек.

Тем кто следит за статьями про клиентскую оптимизацию уже известен современный подход к созданию CSS спрайтов на базе data:uri технологии. Указанный подход имеет весомые достоинства:

• абсолютная минимизация конектов к серверу за изображениями определенных в css — сделать еще меньше уже невозможно.
• полная 100%-ая автоматизация процесса создания спрайтов независимо от свойств backgroud-position и background-repeat.
• предзагрузка всех изображений определенных в css, которые необходимы для сайта.

В сети появилось весьма вульгарное видео, которое снято в лучших традициях немецкого порно и озаглавлено как «Banned German Sprite Ad».

Ролик с недвусмысленной эротической сценой в нем не предполагался к трансляции на телевидении, и Sprite не имеет к этому никакого отношения. В аннотации к одному из выложенных роликов вполне определенно указано «Spec Commercial» («Ролик, спекулирующий на известном бренде; фейк»).

Это работа нью-йорксого продакшена Greencard Pictures и режиссера Max Isaacson, созданное в качестве селф-промо и специально сделанное в таком раздражающем общественность тоне.

Далеко не факт, что ролик, выложенный ниже, пробудет на YouTube дольше, чем сутки, потому что до этого все версии, размещенные на этом видеосервисе, проводящем политику «никакого порно» и защиты авторских прав, уже были удалены. Но спот можно найти на других, менее политкорректных сервисах.

Пару дней назад наткнулся на статью про 38 способов скругления блоков. Очень понравилось. Однако там я не встретил способа, которым пользуюсь уже около года. Он не требует лишних тэгов и требует загрузки только одной картинки (спрайт). Работает во всех современных баузерах и IE6+

По сообщению New York Times, Coca-Cola в этом месяце запускает в США социальную сеть для подростков под названием Sprite Yard. Пользователи нового сервиса смогут настроить персональный профиль, общаться с друзьями посредством онлайн-чата, а также обмениваться фотографиями. Что интересно, социальная сеть рассчитана на использование мобильного телефона.