В последние выходные ноября 2017 посетил Минск, дабы быть частью жюри хакатона What The Hack. Мероприятие проводилось в третий раз и стало самым большим халатном в Беларуси – 38 команд-участников или почти 200 человек.

Пил коктейль сделанный роборукой-барменом, ел блин, напечатанный на 3Д-принтере для этих самых блинов, смотрел фильм по сценарию, написанному искусственно интеллектом, играл в Марио на сиськах, исчезал на видео в веб-камере, катался на классном гироскутере и пил.

В начале этой недели компания Blizzard «перезапустила» классическую игру Starcraft. Поддержка различных разрешений, детальная прорисовка юнитов и возможность приблизить/отдалить карту заставили смахнуть скупую слезу со старческой щеки, и потратить 15 евро на покупку новой старой любимой игры.

Но мало кто знает, что Старкрафт мог бы выглядеть совсем по-другому и, возможно, никогда не стал бы такой крутой игрой, которой он в итоге стал.

Я помню какой-то российский журнал про игры (Игромания вроде), в выпуске которого за 1996 год я увидел первые скриншоты игры. Она была похода на Warcraft II в космосе и сипользовала игровой движок именно из второго варика.

Так получилось, что в руки мне попала экшн-камера SJCAM Sj6 Legend. Это одна из последних разработок китайской компании. В этой статье я сделаю небольшой пользовательский обзор камеры. Сразу скажу, она мне понравилась, но, пожалуй, пойдем по порядку.

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

Обновлено: поддержка множественных значений

Часто при написание кода на JavaScript возникает необходимость получить из адреса определенный параметр. Особенно это актуально сейчас, когда сплош и рядом все делают одностраничные приложения.

Представим, что адрес выглядит вот так http://site.com/?search=sometext&page=100&abc=1&abc=qwe. Нам необходимо получить значения параметров search, page и abc. В JavaScript мы можем взять строку параметров из window.location.search.

В Минске прошли финалы Starladder по Dota 2 и Counter-Strike: Global Offensive. Событие знаковое, можно сказать Чемпионат мира. Лучше коллективы со всей планеты съехались в столицу Беларуси, чтобы разыграть призовые места. Проходило все в Минск-Арене, организаторам удалось продать все билеты. Это очень классно. Во-первых, не каждый день в Синеокой проходят мероприятия такого уровня, а, во-вторых, на лицо заинтересованность белорусской публики.

Но так было не всегда. Я попробую описать, как все было буквально 15-16 лет назад.

Решился наконец-то вновь попробовать попользоваться телефоном на Android. Для этой цели обзавелся Xiaomi Mi4i. Не стал брать mi4, так как он не поддерживает LTE/4G.

Еще, имея большую скидку, взял на пробы китайскую экшн-камеру Eken A9. По результатом использования доложу позже.

Все большее и большее количество людей предпочитай сидеть в интернете, используя мобильные устройства и планшеты. С недавних пор в некоторых браузерах появилась поддержка API батареи устройства для JavaScript. А в Хроме реализована поддержка в виде промисов. Давайте посмотрим как это работает...

Современный сайт трудно представить без запросов к серверу. Все большее и большее количество страниц не требуют перезагрузки страницы при переходе по ссылкам, а всего лишь получают новые данные и перерисовывают необходимые блоки. Использование XMLHttpRequest уже не «торт», так как большинство современных браузеров поддерживают fetch API.

Недавно у меня возникала необходимость показывать прелоадер каждый раз, когда в проекте отправляется запрос на удаленный сервер. Так как мы используем Babel для конвертации кода из ES6 в ES5, то fetch превращается в XMLHttpRequest. Это значит, что можно легко переписать два метода и задача будет решена.

var _oldSend = XMLHttpRequest.prototype.send;
XMLHttpRequest.prototype.send = function () {
  var _oldReadyStateChange = this.onreadystatechange;

  // Ваш код вначале Ajax-запроса

  _oldSend.apply(this, arguments);
  this.onreadystatechange = function () {
    if (this.readyState === 4) {

      // Ваш код, когда Ajax-запрос завершен

    }
    if (typeof _oldReadyStateChange === 'function') {
      _oldReadyStateChange.apply(this, arguments);
    }
  };
};

Для того, чтобы показать индикатор закгрузки, я переписал метод send, сохранив предварительно старую функцию в переменную _oldSend. Ну а onreadystatechange сообщает нам когда запрос завершен.

Этот способ отлично подойдет, если вы используете jQuery.