Читаем Sass Best Practices: Tips And Tools For Developers

И находим ссылки на 10-ток статей, по темам: Aesthetic Sass, 11 Mixin Libraries For Sass Designers, HOW I STRUCTURE MY SASS PROJECTS, Understanding CSS Writing Methodologies, For, while, and each loops in Sass, Единицы измерения: "px", "em", "rem"

Пытаемся разобраться в хитросплетениях импорта sass в foundation-docs

Обнаружил, что foundation-docs импортирует (в node_modules) foundation-sites. И наоборот... А в gulpfile пропитсаны дополнительные пути для импорта scss файлов. Что конкретно импортируется и зачем? Здесь собрал вместе фрагменты файлов и распечатал структуру директорий.

Заставляем Google Chrome показывать scss вместо css и учим матчасть Chrome DevTools

Как использовать вкладку resources браузера? Файлы можно не только просматривать, но и редактировать, и сохранять на диск... Здесь несколько мануалов и страницы документации. Еще один способ для работы со стилями?
Наверное это правильно - наскоро освоить несколько альтернатив. ...Что понравилось в документации Chrome developers... Так это то, как они между делом подключили сервер на Питоне python -m SimpleHTTPServer. И правильно, без сервера никуда, а Ruby (на котором они sass запускают) я и знать не хочу...

Здесь я устанавливаю Foundation на локалку и обретаю понимание основ

Начинаю привыкать к установкам типа git clone https://github.com/zurb/foundation-sites-template projectname cd projectname npm install bower install. Более ранние установки foundation оказались "кривоватыми", поскольку не представлял, что какой софт делает... Такой период в конце апреля наступил, когда "тупо" ничего не устанавливается, везде надо хоть немного разбираться в том, что делаешь... А устанавливал, чтобы проще было изучать... Словом, Ruby-cтрдания "чайника"...

Шпаргалка по SASS (SCSS) на русском языке

Здесь я читаю перевод документации SASS, копирую примеры и просто пытаюсь запомнить основные команды. В посте две ссылки на русский переводид и оригинал.

Продолжаем практиковаться с Сompass, но открываем мануалы Foundation

Кажется нашел именно то, что надо мне именно сейчас. На сайте foundation есть руководство по установке, команда compass create found-test-dir -r zurb-foundation --using foundation создает странную структуру папок (я в предыдущем посте научился использовать add_import_path для подключения в конфиге из залитой в kompass папки foundation или bootstrap).
Здесь же и документация scss с описанием переменных и миксинов для каждого компонента. Здесь же и видео (сильно небритый очкарик показывает свои крупные планы при каждом удобном случае), здесь же и 8 штук "responsive templates" (дабы я мог запомнить классы каркаса)... Есть еще и подписка от учебного центра, вот пример "Build a sticky navigation with Foundation for Sites 6"

Практикум Compass-sass и немного Jekyll и Bower

Посмотрел несколько видео, здесь три по связке sass&compass. Сначала решил повторить примеры из двух роликов "Введение в SASS & Compass" - здесь кратко и понятно изложены основы SASS.
Но оказалось, что сначала надо научиться настраивать compass и попрактиковаться с Bower.
Так что воспользовался видео из предыдущего поста и настроил компиляцию scss -> css, потом add_import_path и подключил normalizer из скачанного последнего foundation.
Получилось с приложениями (хелперы и файлы) слишком длинно. Так что здесь только начало.

Устанавливаем Ruby, Sass, Compass, Nodejs, npm на Ubuntu... Все пакеты находятся легко и сразу

Все элементарно и просто. Записал, чтобы в следующий раз (и не раз) не вспоминать названия пакетов. Будем считать это заготовкой для bash скрипта.
Чуть не забыл про Bower,

Drupal CEM (aka BEM) - как же работать со стилями?

Так как же работать со стилями? Я снова задаю себе этот вопрос после знакомства с "theming" в Друпал. Сначала посмотрим пару-тройку "Друпалконов" - часовых обзорных видео с конференций, почитаем статьи (по рекомендациям докладчиков), вроде "Sass techniques and tools"... В этой статье предлагается для работы Compass ...
Кроме того, здесь еще ссылки на сообщества Bootstrap, Foundation... И после этого, надеюсь, пойму, как работать лучше со стилями ( не только в Drupal).

Установил Jekyll, sass, Compass, потом GUI : Scout, Compass.app, Fire.app и Bourboun

Кроме процесса установки здесь еще штук 20 ссылок с аннотациями. После вчерашней установки Jekyll сегодня снова попробовал его в дистрибутиве Bootstrap. К вечеру удалось уложить набор для веб-дизайна (Bootstrap, Jekyll, Grunt... ) в голове... Я уже начал представлять, как же я буду работать... но предстоит еще понять, как подбирать стили с sass, scss, less, stulys. Миксины и прочие прибамбасы постпроцессоров - это все красиво, но чего-то не хватает... Надеюсь, что kompass - это как раз то, чего мне не хватает...