Начинаем с Fiddle.net и аналогов, но увлекаемся и собираем онлайн сервисы для фронтенда

Здесь видео и около 20 ссылок, например Bootstrap Mega Menu, fiddlesalad.com, jsfiddle.net, CodePen ... Но сервисов обнаруживается все больше, причем, с новыми возможностями cssdig-chrome gulpfile.js , или Accessibility audit and element properties . И совсем уж для дизайнеров и аниматоров - shadertoy.com. Так что добавлять новые ссылки по всем фронтенд-инструментам будем в комментарии.

Foundation-doc. Откуда Gulp берет scss файлы и куда пишет...

Сначала я посмотрел видео Make a Basic Website with Foundation 6, потом Make a Trendy Site with Foundation 6, Sass and Panini #2, а 20 дней спустя решил разместить здесь мои блуждаания в изрядно запутанных лабиринтов импорта и отслеживания (gulp-watch) папок с SASS файлами Foundation-doc. Здесь еще и изрядное количество копий файлов типа _settings.scss и содержание директорий с файлами стилей

Устанавливаем foundation-sites с помощью foundation CLI

Упражнения с интерфейсом командной строки foundation new foundation-with-cli. Что загружается и в какой последовательности.

Мне понравился gulpfile.js Foundation-site

Здесь я копаюсь во внутренностях gulpfiles.js foundation-docs и foundation-sites, открываю Supercollider, panini... Потом ытаюсь найти склад тем SassDoc Theme Boilerplate... Здесь штук 20 ссылок, галпфайлы, и даже readme c foundation-docs

Установил Foundation-site

В процессе установки произошел сбой. В папке Node_modules появилась подпапка... Это был редкий сбой железа. Надо было просто удалить node_modules, но я с испугу записал здесь процесс установки...