Проекты

Книги

1. Less. Путеводитель для новичков или статья

Прежде всего Less – это совершенно увлекательная и захватывающая вещь, с которой по-настоящему интересно работать! Эта книга поможет вам подружиться с ней.

Онлайн сервисы и инструменты

1. Yellfy

Yellfy — это простой шаблон проекта, разработанный специально для тех, кто не хочет тратить время на настройку рабочего окружения. В основе Yellfy лежит проверенный временем инструментарий и некоторые новые решения, которые были специально разработаны для этого проекта.

2. Code2Snippets for VS Code

Онлайн конвертер кода в JSON, который используется для сниппетов в редаторе Visual Studio Code от Microsoft.

3. Glob online tester

Тестирование glob-паттернов в реальном времени. Пригодится новичкам в мире Gulp, Grunt, а также прочих систем сборок и инструментов, использующих glob-паттерны.

CSS библиотеки

1. Material Design Color

Палитра цветов для Less, Stylus и Sass (SCSS), основанная на заветах материального дизайна от Google.

2. Material Design Shadows

Библиотека примесей для Less, Stylus и Sass (SCSS), позволяющая генерировать тени по заветам материального дизайна от Google.

3. Less MQ

Библиотека псевдонимов медиавыражений для Less, позволяющая быстро и удобно работать с медиавыражениями.

4. Hamburger Icon

Библиотека примесей для Less, Stylus и Sass (SCSS), позволяющая быстро генерировать иконку гамбургера (меню).

5. XY (float)

Небольшая и очень гибкая коллекция примесей для Less, Stylus и Sass (SCSS), позволяющая строить сетки, основанной на плавающих элементах.

6. XY (flexbox)

Небольшая и очень гибкая коллекция примесей для Less, Stylus и Sass (SCSS), позволяющая строить сетки, основанной на flexbox-элементах.

Node.js (packages)

Полный список пакетов: npm/~mrmlnc

Модули

1. syncy

Односторонняя синхронизация двух директорий с glob и возможностью игнорирования файлов в директории назначения.

2. less-symbols-parser

Парсер символов (переменных, примесей, импортов) для Less-файлов.

3. scss-symbols-parser

Парсер символов (переменных, примесей, функций, импортов) для SCSS-файлов.

4. npm-module-path

Поиск локальной или глобальной установки модуля. Работает со всеми модулями, независимо от наличия у модуля bin.

5. svg2sprite

Модуль, позволяющий объединять SVG-файлы в спрайт, используя элемент symbol. Разрабатывался как простая и более лёгкая альтернатива (13Кб) для svg-sprite (28Мб) и svgstore (9Мб).

6. yellfy-pug-inheritance, svg2sprite-cli

Модуль, позволяющий внедрить в проект инкрементальную компиляцию Pug/Jade-файлов. В отличии от конкурентов не использует парсер и glob, что положительно сказывается на производительности, а также имеет поддержку кеша и glob-паттернов в путях include.

7. yellfy-use

Универсальный загрузчик модулей (и плагинов для Gulp). Позволяет загружать указанные модули (плагины), переименовывать их и возвращать все указанные зависимости в виде объекта. Вслучае отсутствия указанных зависимостей возвращает их список.

8. yellfy-loader

Универсальный загрузчик задач Gulp 4-ой ветки. Имеет возможность регистрации и переименовании задач. В случае ошибки регистрации - выводит список проблемных задач.

9. windows-ls

Простая имплементация команды ls для Windows с поддержкой основных возможностей, включая бонус в виде поддержки glob-паттернов.

10. windows-drive-letters

Получение списка свободных букв дисков.

11. imdisk-wrapper

Обертка ImDisk для создания и удаления виртуальных дисков.

Grunt

1. grunt-puglint

Проверка файлов, написанных на языке разметки Pug (ранее Jade) в соответствии с определёнными правилами в опциях задачи или конфигурационном файле.

2. grunt-assetser

Плагин, позволяющий автоматически вставлять содержимое js- и css-файлов, указанных в параметре assetsDir в указанные html-файлы. Причем все это дело можно фильтровать, например, только js-файлы (onlyType) или файлы, в именах которых присутствует определенный суффикс (onlyMarked).

3. grunt-bower-sync

Синхронизация зависимостей в директории bower_components и целевой директории на основе выбранных секций в bower.json.

Gulp

1. gulp-mocha-electron

Тестирование клиентского JavaScript-кода с помощью Mocha и Electron, не выходя из командной строки. Отсутствует в npm, так как был временной альтернативой gulp-electron-mocha, пока автор не приступил к поддержке своего проекта.

PostHTML

1. posthtml-attrs-sorter

Плагин для PostHTML, позволяющий сортировать атрибуты HTML-тега в заданном порядке.

Плагины (VS Code)

1. vscode-less

Плагин для редактора VS Code от Microsoft, добавляющий IntelliSense и подсказки для переменных и примесей Less.

2. vscode-csscomb

Плагин для редактора VS Code от Microsoft, добавляющий возможность сортировки свойств и базового форматирования стилей, используя популярный инструмент — CSScomb.

3. vscode-autoprefixer

Всем известный Autoprefixer теперь и в виде плагина для редактора VS Code.

4. vscode-puglint

Плагин для редактора VS Code от Microsoft, позволяющий проверять качество вашего Jade (Pug) кода, используя официальный линтер pug-lint.

5. vscode-attrs-sorter

Плагин для редактора VS Code от Microsoft, позволяющий сортировать атрибуты HTML-тега в заданном порядке.

6. vscode-postcss-sorting

Плагин для редактора VS Code от Microsoft, позволяющий сортировать CSS и SCSS свойства в заданном порядке. Кроме свойств поддерживается сортировка объявления дочерних элементов (относительно свойств родителя), @at-rule, переменных и вызова примесей.

7. vscode-lebab

Плагин для редактора VS Code от Microsoft, преобразующий код, написанный на ES5 в ES2015 синтаксис.

8. vscode-emmet-fix

Плагин для редактора VS Code от Microsoft, исправляющий проблемы поддержки Emmet для Sass и Stylus.

9. vscode-stylefmt

Плагин для редактора VS Code от Microsoft, позволяющий приводить в порядок ваш CSS-код.

10. vscode-jade-snippets

Набор сниппетов языка разметки Jade (Pug) для редактора VS Code от Microsoft.

11. vscode-apache

Поддержка синтаксиса конфигурационных файлов Apache для редактора VS Code от Microsoft.

12. vscode-slm

Поддержка синтаксиса языка Slm для редактора VS Code от Microsoft.

13. vscode-doiuse

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

14. vscode-vash

Поддержка IntelliSense и синтаксиса языка Vash для редактора VS Code от Microsoft.

15. vscode-duplicate

Плагин для редактора VS Code от Microsoft, позволяющий делать дубликаты файлов из меню.

16. vscode-pugbeautify

Поддержка pug-beautify для VS Code.

17. vscode-remark

Поддержка remark для VS Code.

jQuery

1. gSearch

Плагин для jQuery, позволяющий организовать систему поиска по RSS-ленте.

Расширения Chrome

1. VK Comment Blocker или Chrome Store

Расширение для браузера Google Chrome, которое позволяет скрывать и показывать комментарии Вконтакте. Имеется список разрешенных страниц.