Дата: 13 дек 2016 в 18:39
Разберем создание динамической матрицы на cnavas. Которую можно использовать, как шапку сайта, то есть должна должна адаптироваться к ширине окна. По желанию и к высоте.
Демоmatrix.js 
Больше
Дата: 12 фев в 22:02
Продолжаю серию статей о WebRTC. 
Предыдущая статья: Простой чат через WebRTC DataChannel

За основу возьмем код чата, и немного изменим, вместо канала данных будем создавать трансляцию. Серверный скрип остается без изменений. Напомню только, будет работать в соседних вкладках браузера, т.к. используется сессия для хранения данных, а не база данных.
Демо видео чат 
Больше
Дата: 11 дек 2016 в 01:44
Наконец, на gusevcore.ru появилась возможность размещать изображения в блоге. Для этого написал небольшую штуку для загрузки картинок с предпросмотром.
План следующий:
1. Размещаем, но скрываем обычный input.
2. При клике на нашу кнопку, которую мы можем украсить, через JS кликаем на input.
3. Открывается диалог выбора файла.
4. После выбора файла по событию onchange выводим файл в base64 в img.
5. При клике на другую кнопку загрузить, отправляем файл ajax запросом.
6. Сохраняем.
Больше
Дата: 26 авг 2016 в 18:33
Все больше и больше появляется новых фото-приложений, значит нужно сделать еще одно.
О нем расскажу в следующей статье, а пока о том, как вывести изображение с камеры телефона к себе на сайт.

Важно! Работать с камерой можно только на сайте с защищенным протоколом https.
Больше
Дата: 11 фев в 20:36
WebRTC - (web real-time communications — коммуникации в реальном времени).
Данная технология позволяет обмениваться данными напрямую между пользователями, без сервера. Сервер участвует только на начальном этапе, для соединения. Через данную технологию можно передавать видео/аудио трансляцию, файлы, текстовую информацию. В данной статье рассмотрим создание простого текстового чата. Тестировать будем в Google Chrome. 
Демо чат 

Схема действия:
Больше