Дата: 12 фев в 22:02
Продолжаю серию статей о WebRTC. 
Предыдущая статья: Простой чат через WebRTC DataChannel

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

Схема действия:
Больше
Дата: 13 дек 2016 в 18:39
Разберем создание динамической матрицы на cnavas. Которую можно использовать, как шапку сайта, то есть должна должна адаптироваться к ширине окна. По желанию и к высоте.
Демоmatrix.js 
Больше
Дата: 11 дек 2016 в 01:44
Наконец, на gusevcore.ru появилась возможность размещать изображения в блоге. Для этого написал небольшую штуку для загрузки картинок с предпросмотром.
План следующий:
1. Размещаем, но скрываем обычный input.
2. При клике на нашу кнопку, которую мы можем украсить, через JS кликаем на input.
3. Открывается диалог выбора файла.
4. После выбора файла по событию onchange выводим файл в base64 в img.
5. При клике на другую кнопку загрузить, отправляем файл ajax запросом.
6. Сохраняем.
Больше
Дата: 9 дек 2016 в 22:59
Добавлял в библиотеку GCF.js возможность работы с глобальным контекстом. Которая позволит подписывать элементы на так называемый объект, при смене значения в котором, элементы бы меняли значения в себе. Либо хранить информацию в стандартном виде, а в разных местах получать подогнанную под нужный формат. 
Так как сайты за частую динамические, а подписывать на нужное поле контекста хотелось через атрибуты в HTML, значит нужно уметь отслеживать изменение DOM и выполнять определенную функцию.

Речь пойдет о MutationObserver.
Он позволяет отслеживать, как появление, удаление новых узлов, так изменение атрибутов и текстовых блоков.
Больше
Дата: 16 сен 2016 в 04:32
Сегодня, на нашем столе функция плавной прокрутки до определенного DOM элемента. Без всяких jQuery и прочей ерунды.

Для начала получим исходные данные:
var
     speed = 0.2, // скорость
     startScroll = window.pageYOffset, // начальная позиция, текущее положение сколла
     element = document.getElementById('test'), // DOM элемент.
     finishScroll = element.getBoundingClientRect().top, // положение элемента по Y относительно окна браузера
     start = null; // тут будем считать затраченное время
Больше
Дата: 26 авг 2016 в 18:33
Все больше и больше появляется новых фото-приложений, значит нужно сделать еще одно.
О нем расскажу в следующей статье, а пока о том, как вывести изображение с камеры телефона к себе на сайт.

Важно! Работать с камерой можно только на сайте с защищенным протоколом https.
Больше