React-flex-picker - создать свой календарь просто

Каждый раз, начиная новый проект, в котором требуется ввод дат, приходилось создавать новый календарь, так как существующие календари имеют ряд некоторых ограничений, которые сложно обойти, такие как жесткое расположение элементов управления календарем, отсуствие возможности их поменять. Пакет react-flex-picker позволяет создать календарь с любой логикой, расположением элементов управления календарем, кастомными стилями. Календарь сделан на основе React Context API.

React Sankey

Достаточно много времени пришлось работать над созданием различных диаграмм, одна из которых называется Sankey (названа так в честь человека, первого применившего её на практике Мэтью Сэнкея). Данный вид диаграмм традиционно используется для отображения движения потока (денег, энергии, количества пользователей и т.д.). Создав одну из таких диаграмм, хочу поделиться своими наработками, возможно, кому-то пригодится.

Стрельба по движущимся целям

В предыдущей статье была рассмотрена турель, которая автоматически наводится на цель, попавшую в радиус обзора этой турели. Это прекрасно работает, но что, если данная турель должна еще и стрелять по цели. Снаряд выпущенный в центр движущейся цели никогда её не достигнет. Для того, чтобы снаряд и цель «встретились», турели необходимо производить выстрелы на опережение, то есть точка, в которую выпущен снаряд, должна находится перед движущейся целью. В данной статье рассматриваются доработки, которые позволяют вести стрельбу по движущимся мишеням.

Пример простого использования React JS и Webpack

В данной статье я хочу поделиться своим опытом использования reactjs совместно с webpack. Демо приложение состоит из 3 виджетов, написанных с использованием reactjs - виджет часов, калькулятор и виджет, показывающий курсы валют. При написании react компонент я использовал классы, которые стали доступны в ES6, полученный js код с помощью транспайлера babel преобразуется в код стандарта ES5, поддерживаемый всеми браузерами.

Создание автоматической турели

Это моя первая статья про unity, который я стал изучать не так давно - около года назад. Тема разработки игр меня очень заинтересовала и захватила, так что теперь это стало моим основным хобби. Unity3D я считаю хорошим инструментом для создания игр. На просторах интернета содержится масса статей и обучающих роликов по самым раличным темам, мне тоже захотелось поделиться тем, чему я уже научился. В этой статье я хочу предложить свою реализацию компонента управления турелью. Турели, защитные башни, пушки - являются неотъемлемой частью множества игр в жанре Tower Defence, scroll шутер, стратегия. Поэтому считаю полезным иметь такой компонент у себя в запасе, так как он может быть использован в большом количестве игр.

jQuery UI Range Slider & Tooltip - всплывающая подсказка для слайдера

Данная статья является продолжением статьи, в которой я пофиксил, как мне кажется, не логичное поведение ползунков, а именно избавился от их наложения друг на друга. Попрежнему исходный код библиотеки jquery ui не затрагивается - все изменения я вынес в отдельный файл fixslider.js. В этой статье я опишу новые функции добавленные в скрипт fixslider.js, благодаря которым можно получить всплывающие подсказки над ползунками, подключив только лишь этот скрипт. Подключать это скрипт следует после самой библеотеки UI.

jQuery UI Range Slider - фиксим наложение ползунков друг на друга

Не раз пригождался этот плагин при создании расширенного фильтра в каталоге, но, как мне кажется, поведение этого плагина не совсем логично:

Ползунки пересекаются - левый ползунок всегда заезжает под правый. Конечно, это легко объясняется тем, что значения диапазона меняются на расстояние между центров ползунков, а когда центры совмещаются, то и совмещаются сами ползунки, а что если изображения ползунков не одинаковые, например, направленные друг к другу стрелки - результат будет не совсем красивым.

API Яндекс.Карт: геокодирование и автозаполнение результатов

Многие пользовались API Яндекс.Карт, я в том числе. Не буду заострять внимание на том, что такое геокодирование - это можно почитать тут. Цель этой статьи рассказать о том, как можно сделать поиск адресов на карте с автозаполнением результатов в строку поиска, так как API Яндекс.карт не дает решения этой задачи. Для решения будем использовать JQuery 1.8.2 и JQuery UI 1.9.1 (потребуется виджет Autocomplete).