Заставляем 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трдания "чайника"...

Готовимся к Jekyll 3 and Foundation, вспоминаем, где уже установлен Jekyll Bootstrap

Пост начал 27-го, заканчиваю 30-го. За это время прочитал документацию про Foundation, потом по Jekyll. А вчера вечером пришлось повозиться с установкой Jekyll Foundation, так что пост получился длинный, но все нужные ссылки здесь есть. Оставим все, как есть, а для сравнения трех установок Jekyll напишем следующий пост. Еще здесь ссылки из двух статей (мануалов) по теме Jekyll Foundation. В первой описан прстой способ установки, а во второй автор попытался описать еще и приемы работы веб-дизайнера. От идей до инструментов. Например, Designing Visual Hierarchy, Picking Subtle Textures и даже Case Study - Koodilehto Site

Шпаргалка по 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.
Получилось с приложениями (хелперы и файлы) слишком длинно. Так что здесь только начало.

Сравниваем темы drupal-bootstrap и zurb foundation и практикуем Vagrant ssh в git bash и гордо настрамиваем Twig Debugging

Обе темы я уже установил под windows, начал было сравнивать, но Друпал работал медленно, потому пришлось искать альтернативные варианты (делать все в virtualBox). Теперь есть виртуальная Убунта (в десктопном варианте) и там залит Друпал с хорошо документированной темой Prius.
Решил сегодня сравнить возможности тем, посмотреть на интерфейсы... и поупражняться с grant, drush... Этот пост - практикумы по материалам, собраным ранее в "Drupal 8 theming -...читаем документацию и примеры Starter Themes"

Добавить новый region в Drupal... как в видео "Blocks and Regions"

Раскопки папок в подпапках тем Друпала вкупе с чтением документации вещь полезная, но к вечеру происходит заморачивание головы. Я не мог понять, как создать новый регион, чтобы поместить в него мой новый блок. Догадался посмотреть видео "Drupal 8 Theming - Part 04 - Blocks and Regions" ...
Да, и еще запомним новую команду drush cache-rebuild ...
И пора оправдаться перед грядущим: я не так глуп, как может показаться... документация к 8-ой версии еще только создается, я обнаружил свежие страницы с "нововведениями" в разделе, который прчитал на прошлой неделе...

Ссылки на софт по анимации... из обзоров и дополнений к Chrome

Новые программы по анимации появляются как грибы после дождя, пока я откладываю игры с "Блендером", появилась Клара (Clara.io ), xNorma. А часть устаревшего софта начинает вдруг снова поддерживаться, а потом снова бросается... Так что, здесь всего 5-ть ссылок на ... на три обзора.

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

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

Установил Atom на Ubuntu, потом плагин для XDebug... но глаза разбежались из-за "Varying Vagrant Vagrants (VVV)"

Но ковыряние с Ubunyu в VirtualBox утомило настолько, что решил отложить экзерсисы с php дебаггером до тех лучших времен, когда он мне всерьез понадобится... Так что здесь ссылки на недочитаные мануалы, и не только, есть еще ссылка на репозиторий со сборкой стэка для php-разработчика Varying Vagrant Vagrants (VVV) (но вместо Gulp Grunt): If you're a php developer on ubuntu, there comes the time where you have to install/reinstall your system.

Танцы с бубном вокруг раздела документации Drupal "Complete Open Source Dev Stack"

Нашел на сайте друпала раздел "Complete Open Source Dev Stack". Сначала установил "The LAMP Stack", потом "Drupal stack"... Получился хороший практикум по осовению VirualBox, в процессе выскакивали такие вопросы, как
"добавить драйвер, чтобы изменить разрешение окна VB", увеличить выделенную мощность процессора, настроить виртуальный хост в Apache, где root в Ubuntu, bidirectional shared clipboard, как установить .deb в Ubuntu sudo dpkg -i /path/to/deb/file , установка аналога clip в Linux...
Словом, практикум получился полезный, но утомительный... Слишком многом мелочей сразу. Потому здесь просто фрагменты команд и ссылки на статьи с подробностями.

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

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

Drupal 8 theming - смотрим разные видео, читаем документацию и примеры Starter Themes

В подборке из 23 видео (10-25 минут каждое) в которых автор создает новую тему... мне понравился ролик, в котором автор настраивает Drupal - подключает девелоперский файл настроек development.services.yml, в котором собраны все нужные настройки: отмена кэширования, ... подключение twig дебаггера (вывод сообщений в ferebug браузера).
Это те настройки, которые надо обязательно производить... каждый раз. Здесь же и список других видео... (Drush, css, gulp, import wp theme...). Английский белорусский, так что все понятно...
Через неделю я прочитал документацию и две статьи с Lilabout и добавил все ссылки сюда.

Пробуем Vagrant Drupal Development (VDD), на видео все просто...

Здесь мое первое знакомство с Vagrant произошло при скудном опыте использования VirtualBox. Потому здесь я тупо повторил вслед за автором "Tutorial: Vagrant Drupal 8 Development" и скопипастил большую часть вывода консоли. Я еще не понимал, что и как работает, и надеялся освоить все с Друпалом.

Ссылки для загрузки Ansible

И две обзорные статьи с Хабара, и раздел и справки Vagrant..., в которой есть еще с полдюжины альтернатив (Shell, CFEngine, Chef..., Puppet..., Salt, Docker...). Пока я не понимаю, чем лучше пользоваться и что изучать ( в качестве основы). Пока только ясно, что автоматизировать работу с удаленным сервером надо... Так что пока важно ничего не пропустить...? А начать с Drush... или Console?