Конспектируем статью про Gulp на Хабре и 100 комментариев к ней

И называется она Разработка → Приятная сборка frontend проекта. Пару месяцев назад я ее уже просмотрел, но не оценил..., а вчера нашел снова и прочитал с удовольствием. Почему? Потому, что сейчас я решаю задачку о том, по каким папкам мне раскладывать мои новые проекты... К статье сделано более 100 комментарие. Так что, надеюсь выделить для себя подпроцессы фронтенда с наборами инструментов под каждый процесс. Например, я пытаюсь спрогнозировать поведение заказчиков, сделал я им сайт-визитку, а они захотят добавить к неу блог, а потом окажется, что им и контент для блога нужен... С точки зрения "фронтенда", у меня должны быть заготовки шаблонов и стилей... (и движков, но это уже бэкэнд ?)... и под "визитку" и под "блог" сразу. И это очевидно... Так что здесь продолаем осваивать инструменты, и между делом устанавливаем авторские заготовки для сборки проектов.

Пробуем Metalsmith, metalsmith-base и ждем счастья - есть статьи автора и статьи последователей

Идеи автора полностью совпали с моими. Если мне нужен не движок для блога, а нечто более гибкое, то неплохо было бы: 0) Шаблонизатор на nodejs, 1)Подход к настройкам, как в Gulp 3)Примеры сборок и модулей
Пробуя шаблонизатор я обнаружил сборку metalsmith-base, в которой реализована мечта 4)Добавить шаблонизатор к Gulp, а не Gulp в шаблонизатор...
Надеюсь, что это именно то, что нужно... Здесь: Установил сборку metalsmith, и рядом metalsmith-base, поднял сервер metalsmith-base..., распечатал логи и файлы настроек... Первые опасения: слишком много предупреждений об устаревших версиях в metalsmith-base...

Практикум с Hexo - устанавливаем темы, в которых авторы использовали Bootstrap

Хочу перехитрить время и надеюсь, что изучение чужих тем для Hexo нужно провести до того, как ваять свою. Даже, если эти темы сделаны с ошибками (как мне кажется). Все эти искания происходят от того, что "в принципе у нас все есть", но мелих "непоняток" слишком много...

Три видео и технология Express Nodejs

Express - это фреймворк для разработки сайтов на ноде. Знакомимся. Смотрим видеоуроки Ilya Kantor Express: основы и Middleware -12мин, Логгер, конфигурация, шаблонка для HTML, Шаблонка: layout, block, partials Кроме того, есть и другие альтернативы 10 Best Node.js Frameworks For Developers... всего 14 ссылок

Практикум с npm, читаем документацию и конспектируем как и куда устанавливаются пакеты

Сейчас мне нужен движок для статичных сайтов. Jekyll понравился, но "у него гранаты не той системы", я ведь хочу не блог вести, а менять темы (и офрмление) как перчатки, так что получается, что надо учить Ruby, дабы не путаться с "гемами" и их совместитмостью. Но я еще Nodejs толком не юзал, сейчас надо тратить время на него... Так что, ударим по бездорожью и разгильдяйству десятком ссылок на темы npm v3 Dependency Resolution, scoped package и прочее...

Устанавливаем Hexo и пытаемся понять, как работать с темами

Установил Hexo, но получил предупреждение notsup Not compatible with your operating system or architecture: fsevents@1.0.12. Какая-то опция не будет работать... Вроде бы, сервер не подхватывает изменения сам. Думаю, что вопрос решаем, потому сосредоточимся на переключении тем. Итак, здесь первые шаги с блоками и пакетами Hexo. Собственно установка hexo во второй половине поста, а в начале мои блуждания в трех сосна темах landscape - штатной, zurb-foundation- кривой, simplest- той, которая успешно установилась, но удивила пухлой папкой t1/themes/simplest/node_modules

Здесь еще один лог установки bundle install -j8

Великая битва с Jekyll на полях Windows продолжается. Здесь практикум с bundle с bundle exec rake build. Все это категорически не нравится... Но пока не хочется терять возможности использования чужих наработок по Jekyll

Практикум по "windows shell scripting"

В предыдущем посте собрал подборку видео, а в этом постарался все повторить. Оказалось, что часть команд устарели (видеоролики хорошие, но старенькие), так что здесь еще и ссылки на мануалы с technet.microsoft.com

Не знать windows shell scripting просто стыдно (7 видео, ссылки и примеры)

Это те самые навыки, освоените которых каждый раз откладываешь на "потом". Вчера задумался о том, как надо бы переписать переменную окружения PATH из консоли (и глобально).
Раскопал подтверждения моим старым "открытиям" для локальных пространтсв имен: просто set - или set PATH=%PATH%;C:\xampp\ph,
потом пошли "открытия:" setx, @echo off, потом начал смотреть видео Setlocal ... потом нашел справочники..., словом, я понял, как низко я пал, когда обнаружил, что можно использовать type... Публикую этот пост вне очереди, чтобы пересматривать видео.

Jekyll on Windows, или как снести RUby и поверить в RailsInstaller

Пытался понять почему в Jekyll serve не работает --watch. Начал осваивать RubyGems, обновил все gem`ы, после того, как jekyll перестал "запускаться", убедился, что bandler придумали имено для этого, посмотрел пару видео про Ruby on rails... в одном случайно подсмотрел, как лучше работать с gemfile... И понял, что моя неизбывная вера в человечество дала трещину. Залить ruby на Ubunty&Читать ли потихоньку ruby? Заменить ли Jekyll на что-нибудь под nodejs? Даже вопросы толком сформулировать не могу... соломинки (для спасения) слишком разные, но уже качаю RailsInstaller?

Устанавливаем jekyll с GitHub ... там есть Bandler c большим Gemfile

Приходит понимание того, что "все эти жжжжж неспроста"... bower, bundler... Ранее я наустанавливал гемы sass, kompass, jekyll, foudation разными способами. Все худо-бедно работало. Потом я не мог понять, почему сервер Jekyll не обновляется... и решил установить Jekyll с GitHub... И здесь повыскакивали ошибки, да такие, что в следующих постах я переустановлю Ruby

Смотрим видео и юзаем понты BrowserSync

Обнаружил в дистрибутиве jekyll-foundation (вроде бы) лишний сервер BrowserSync. Не понял, зачем он нужен (есть же "штатный" в Jekyll). Нашел и посмотрел видео, запустил на машине с windows... Ну да, немного понтов есть..., но так и не понял, зачем же он нужен.
А потом (в следующих постах) я обнаружил, что jekyll вообще не поддерживает windows..., в частности автоматическое обновление (штатного сервера) мне настроить так и не удалось. Так что, не исключено, что попробую его еще разок.
Здесь два видео, код для gulp.js... и еще ссылки на документацию, и на портал видеоуроков.

Пытаюсь понять общие приемы front-end в дистрибутивах Jektll, Foundation, Bootstrap

Скопировал с Гитхаба несколько вариантов фреймворков. Здесь пытаюсь сравнить структуру папок, подходы и методологии CSS, фреймфорки для верстки, ... с учетом того, что Bootstrap переходит на SASS. Здесь еще фрагменты _config.yml (jekyll)