В данном туториале я покажу как получать палитру цветов из изображения на HTML5, а точнее Canvas. Главная идея — нарисовать изображение на Canvas, получить перемещения и клики мышкой.
Т.к. с недавних пор сервис документации по html5 diveintohtml5.org Марка Пилгрима лежит — я решил поднять свой с преферансом и дамами на платформе гугла. Все доки оказались доступны на гитхабе и там лишь статические файлы, потому никаких проблем не возникло. Единственно из-за ограничений гугле на максимальный размер файла 10МБ не влезли два видео, но влезла их копия в формате webm.
Наслаждаемся.
Коротко об актуальном из переваренного по теме … Статьи о структуре WAV: http://www.sonicspot.com/guide/wavefiles.html http://sharkysoft.com/archive/lava/docs/javadocs/lava/riff/wave/doc-files/riffwave-content.htm http://www.php.net/manual/en/function.pack.php // для работы с бинарными данными из php Софт для работы с визуализациями: http://www.elisanet.fi/victorx/DrawTheSound.htm PHP-библиотеки для работы с mp3: http://www.phpkode.com/source/s/create-image-for-wav-file/create-image-for-wav-file/class.wave.php Кодеки для работы с wav: http://lame.sourceforge.net/links.php http://www.mpg123.org/ Сопряжённые вещи для построения визуализаций: http://sozonov-alexey.ru/canvas-html5/canvas-html5-krivye/ http://www.html5canvastutorials.com/tutorials/html5-canvas-bezier-curves/ http://ru.wikipedia.org/wiki/%D0%9A%D1%80%D0%B8%D0%B2%D0%B0%D1%8F_%D0%91%D0%B5%D0%B7%D1%8C%D0%B5 http://dev.opera.com/articles/view/html-5-canvas-the-basics/#paths Позже [...]
2011-10-03 08:08:26
Движок для блогов от Гугл обзавелся новыми шаблонами которые используют силу современных веб ...
+ развернуть текстсохранённая копия
Движок для блогов от Гугл обзавелся новыми шаблонами которые используют силу современных веб технологий.
Динамические шаблоны поддерживают подгрузку записей на лету, при прокрутке вниз, быстрый поиск без перезагрузки страниц а так же красивые эффекты при переходе в разные режимы просмотра блога или архивов.
Впрочем, лучше об этом расскажет видео
или примеры за ссылками:
Классический (classic) (Gmail) — добавлена подгрузка постов и картинок при прокрутке
Карточки (flipcard) (M loves M) — фотографии в виде иконок, переворачиваются при наведении курсора
Журнал (magazine) (Advanced Style) — элегантный и простой стиль
Мозаика (mosaic) (Crosby’s Kitchen) — россыпь картинок разных размеров
Панель (sidebar) (Blogger Buzz Blog) — в боковой панели «бесконечный» список постов
Снимок (snapshot) (Canelle et Vanille) — список записей будет показан как интерактивная панель со снимками
По времени (timeslide) (The Bleary-Eyed Father) — «горизонтальный» список постов по времени
Что бы проверить как оно смотрится на блоге, достаточно дописать к ссылке /view/<английское_название_стиля>
Например http://radio-t.com/view/classic
Тема визуализации данных в интернете для меня достаточно актуальная, поэтому периодически мне приходится искать различные библиотеки для отображение тех или иных данных в вебе.
К таким библиотекам я отношу визуализацию графиков, чартов, графов, таблиц, отчетов, инфографик и т.д.
В свое время я написал несколько статей на тему визуализации данных в вебе (их можно поискать на хабре по ключевой фразе «Визуализация данных в вебе»).
Но с тех пор появилось много новых инструментов, мы получили HTML5 и т.д., поэтому вопрос опять стоит достаточно остро. Я решил собрать информацию о всех JavaScript инструментах, с помощью которых можно визуализировать данные в вебе (в первую очередь для себя, но потом решил, что, возможно, будет интересно это и другим). Я уже начал собирать информацию в виде списка инструментов с примерами в одном месте для того, чтобы не бегать по разным сайтам в поисках демок и описания функционала. Есть уже около 10 библиотек.