Установил 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?

Пробуем DrupalVD - плагин хорошо документирован, но после установки двух виртуальных боксов и попытки ускорить работу на Windows решил бросить все и поюзать альтернативу - VDD (см. в следующем посте)

Здесь короткое видео и полтора десятка ссылок. В видео не только установка связки Vagranr -VirtualBox, но и работа в ssh, с debugger... А в ссылках докуентация, статьи и некоторые VDD альтернативы "LAMP Stacks Made Easy with Vagrant & Puppet", PuPHPet ... Собственно, начал я три дня назад с альтернативы: -DrupalVM, но что-то встало криво... начал читать документацию и ...увлекся...

Видео, с которым я начал первые опыты с Vagrant на машине с Windows

Помнится, вместо Acquia Dev Desktop решил ликвидировать свои виртуальные комплексы... Итак, установил Vagrant, VirtualBox... и стало ясно, что влип основательно... что с ними двумя делать..., а там еще целый стек... Интересно, конечно, но для начала хотя бы определить, как эту "стопку" складывать.

Создаем статическую страницу BEM (выполняем первый пример "hello" из документации Яндекса)

Слишком много новых названий. Потому решил, что надо попрактиковаться. Здесь загрузил пакет с примером с Github, залил на флешку, создал файлы, запустил сервер... и обнаружил прорву новых файлов в папках проекта. Этого не ожидал. В примере страничка формы, на которой после клика по кнопке должен показываться текст из поля ввода (имя пользователя), не работает... Тупо повторить пример не удалось... и вообще руководство написано так, что надо думать... Это грубая методическая ошибка... отпугивает...

Что делает less.js в twitter bootsrap - компилирует все в css... может ли быть хуже?

Начинать надо с самых простых вариантов компиляции less --> css. Потому я вспомнил про less.js in the browser, опробовал этот вариант на экспорте bootstrap из Pingendo (он офрмирует сразу оба варианта: less и css). Оказалось, что результирующий код сss тупо записывается в заголовок html-файла.
Очевидно, что такой же компилятор в Atom должен работать куда быстрее. Установил несколько плагинов less, здесь описаны толко два (компилятора). В сочетании с плагином сервера (atom-live-server) все должно работать замечательно...

Gimp не открывает .eps файл - срочно хакнуть .dll

При попытке открыть .eps файл сначало выскочило окно настройки импорта, а потом и приговор: "Не удалось интерпретировать файл Postscript..." На ru-форуме Gimp предложили воспользоваться он-лайн конвертером. Но мне, пытливому чайнику, захотелось использовать слои (читал, что можно отделить фон от картинки), поэтому пришлось установить GhostScript и тупо скопировать dll файл оттуда. Вот только файлы с картинками, из-за которых все началось оказалиь однослойными...

Нахожу Scribus, XnView... но не решаюсь их установить. И вместо инструментов для художника опять нахожу редакторы

А как прорисовывать внешний вид страницы сайта? Неужели все ограничивается .psd и софтом от Adobe? Находим Scribus, XnView... Ищем альтернативы, потом снова перебираем варианты софта для фронт-энд работ. И находим сравнитеьную таблицу для html редакторов, IDE, ... много нового, ... пытаюсь понять, чем они друг от друга отличаются. Отчаявшись, устанавливаю NetBeans, и прихожу к выводу, что я на правильном пути. Будем юзать плагины к "Atom" и не забывать про Grunt, Gulp, Yeoman, kompass, Jekyll

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

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

Знакомство с файлами в дистрибутиве Bootstrap закончилось установкой Jekyll под Windows

В итоге я поднял локальный сервер на 9001 порту и опробовал пачку статических html-страниц, изучил прибамбасы Jecyll ... и подумал: "А зачем современному сайту-визитке все эти пхп и сикьюлы...?"

Как правильно задавать стили в css файлах? Знакомимся с методиками для CSS

Первые гуглопоиски вывели на страницы с BEM Yandex, Bootsytap, Compass, Foundation. Ссылки сохранил, а начал со статьи на Хабре. В статье дано краткое описание БЭМ •OOCSS •SMACSS •Atomic CSS •MCSS •AMCSS •FUN