(в хронологии)
-
Расширенный поиск Яндекса и Гугла на дополнительных кнопках (хабр) (JS, user.js, CSS, localStorage); интерфейсы, функции. 2016-01.
(Репо кодов скрипта для Яндекса, Гугла.)
Несколько кнопок, превращающихся в спадающие списки, для специальных видов поиска в один клик. -
Падающие снежинки на Canvas (JS); функции. 2015-12.
Репо со скриптами падающего снега (много ссылок на песочницы и демо). Статья об алгоритмах снега и их сравнении (хабр).
Анимируется падение снежинок со случайными девиациями скорости. Скрипт оптимизирован для несильной загрузки процессора. Аналогичные скрипты не на Canvas с числом элементов в 3-4 раза меньше - нагружают аналогично.
Далее, созданы 12 песочниц для 3 разных алгоритмов на HTML и Canvas, написана статья, выложено в репо и jsFiddle-s. Алгоритм jSnow - восстановленный из обфусцированного скрипта 2009-2010 годов, добавлен вариант плагина, работающего по коллекции jQuery (ранее - работал только в полном окне).
Алгоритм falling-snow - перезапущенный в современном доктайпе, без переделок, лишь добавлена кнопка остановки.
Алгоритм snow-canvas - написанный с нуля на канвасе (2 модификации). -
Удалитель слов кликами мыши (JS); функции:
на странице заготавливается любой текст в BODY, включая теги с пробелами внутри (но без ">" внутри). При открывании страницы текст подготавливается так, что в нём способны удаляться отдельные (любые) слова кликами мыши на них. Для удобства, эти слова подсвечиваются при наведении; 2015-05. Упрощённый аналог описан здесь (получение слов по кликам). -
Адаптивная вёрстка страницы - до 512px, до 700 и шире (CSS); функции:
изменяя ширину браузера, наблюдаем изменение представления списка, диаграммы на странице и поведения фоновой картинки в шапке; IE9+, Opera 12 и современные Fx-Chrome 38-42; 2015-05 -
Справочник методов объекта console в различных браузерах и средах исполнения Javascript (документация); функции:
представление в 3 видах: сжатое (1 строка на метод), 2 строки на метод и развёрнутое, с описанием для каждого метода;
индивидуальное или общее разворачивание описаний методов;
мультиязычность данных с единым форматом документов;
представления каждого документа в Markdown и HTML (основа для хранения данных - HTML); 2015-03 -
Формат данных jsonComm (утилиты) для поддержки комментариев в JSON; функции:
для перевода JSON с комментариями в обычный JSON (без потери структуры);
для оформления комментариев рядом с парами "ключ-значение" как валидных значений;
для изменения ключей и значений исходного jsonComm без затрагивания комментариев;
пример с бенчмарком, 2015-01 -
Навигация по группам квадратов
на Bootstrap 3.1 - перемещение активного квадрата в 3-уровневом списке клавишами направлений и PgUp-PgDn, добавление новых списков, 2014-03
-
Редактируемая телефонная книга
(Address Book App) на Angular 1.2, Bootstrap 3.1 с подсписком "spam", переносом между списками, фильтром, юнит-тестами (без бекенда) (копия на jsfiddle), 2014-03
-
Пример Grunt-файла в одном из проектов,
Node.JS (470 строк, 8 модулей, 5 функций: сборка, досборка, Sass-компиляция на лету), 2013-11
-
Палитра 216 цветов
в малом объёме кода
(JS,CSS, ручная минификация), 2013-11
-
API консоли Javascript
(утилиты), 2013-10,
код http://jsfiddle.net/spmbt/Wgah8/ -
кнопки в поиске Гугла c параметрами
(юзерскрипт), 2013-05,
-
4-числовая система нумерации версий
(регекспы)
, 2013-04,
код http://jsfiddle.net/spmbt/dk346/3/ -
фильтрация больших списков на
клиенте и
подсветка найденных слов
(производительность), 2013-04 (2 шт.)
-
увеличение по наведению и просмотр в новом окне по клику
(мелкий пример) 2013-02:
-
JS-валидация по отправке формы.
(мелкий пример в jsfiddle)
-
таблица логов на XML+XSLT (экзотические технологии)
статья о пагинаторе 2013-03
-
Инсайд-активность на Гитхабе
в 2012 (скриншот)
-
Реинжиниринг машины Тьюринга
от Гугла, 2012-06 (->)
-
реинжиниринг огня на чистом CSS
(Fx-Chrome), 2012-08
-
Виджет индекса доверия с графиками
(ООП, шаблоны), 2011-08
-
Мешап из флагов стран
и статьи из Википедии (интеграция скриптов), 2011-07
код http://spmbt.github.io/spmbt/wk/showFlags/showFlags.htm -
Игра "Жизнь" Конвея
(текст и canvas) (алгоритм), 2011-01
статья http://habrahabr.ru/post/111686/ -
Вёрстка и JS, простые задания: 1-2, 3-4, 5-6, 2009-05
-
https://github.com/spmbt/haPages/tree/gh-pages и
http://userstyles.org/styles/36690
- юзерскрипты и стили; https://greasyfork.org/en/users/2323-spmbt - юзерскрипты, http://userscripts-mirror.org/scripts/show/121690 - старый адрес (не обновляется; только для просмотра описаний), и http://userstyles.org/styles/36690 - и стили;