Поиск по этому блогу

четверг, 30 июня 2016 г.

Разобрался с деревом node_modules в NPM (Nodejs), а ошибку обещают исправить разработчики

Ошибка Requiring external module babel-core/register подоспела вовремя. Иначе так и не прочитал бы документацию npm. Здесь фрагменты из документации и мои упражнения с опциями CLI npm.
Однако, оказалось, что мои настойчивые поиски дали сомнительный результат только после того, как я догадался ограничить поиск (в Гугле)только последним месяцем. Сразу же нашелся призыв разработчиков подождать следующего релиза.
Но верится с трудом. Такие ошибки у них вываливались регулярно в течение последнего года... Чего-то я не понимаю...

вторник, 28 июня 2016 г.

Позвонил Гена: "HP ProOne 400 не загружается - что делать?"

Тащи эту штуку ко мне! ...
И Гена приволок мне этот моноблок ящик с понтами. Наши отношения с Геной - это песня о молодом инженере, который предпочитал есть меджвежатину и презирал мещанскую виртуальную жизнь, а заодно и все IT. Его ноутбуки - это питомники вирусов...
На этот раз у него нашелся фирменный загрузочный диск. Ктоме того, мне удалось нагуглить рецепт repeatedly press the F11 и загрузиться прямо с винчестера. Но, как всегда, не обошлось без приколов. Гена умудрился сохранить раритетный Window 7, так что пришлось потом два дня грузить Widows 10. Здесь только ссылки на документацию HP ...

пятница, 24 июня 2016 г.

К скринкасту Создаем свой пайп (плагин) Gulp:9

Gulp 9: Создание плагинов при помощи through2, gulp-rev А также: manifest.json

К скринкасту Gulp 8: Обработка ошибок

Здесь разбираются модули gulp-notify, gulp-plumber, multipipe, stream-combiner2 (сктинкаст о И. Кантора)

четверг, 23 июня 2016 г.

Service Worker - прокси в браузере, управляемый скриптом с загружаемой страницы

Вот, оказывается какие штуки появились, и в моих браузерах, и даже какие-то "воркеры" уже мне кто-то поставил... и в Chrome chrome://serviceworker-internals/, и в Mozilla about:debugging#workers
Понял, как они работают после того, как прочитал Register a Service Worker on the site из инструкции "Your first offline web app". А перед этим просмотрел несколько статей ...часть ссылок здесь.

К скринкасту о Browsersync добавим фрагменты из web-starter-kit/gulpfile.babel.js

И запомним, что вариантов gulpfile.babel.js в репозитории много. Здесь только фрагменты из master. А пост начинается с видео и кода к скринкасту Gulp 7: Browsersync... Плагины live-reload, browser-sync вставляют скрипты на html страницу. Как эти скрипты отслеживают изменения? Разбираться некогда, сначала бы опции освоить. Но на кнопку reload браузера теперь нажимть не надо. Все пересобирается само.

Конспекты к двум виедороликам о кэшированиив в Gulp

Примеры с плагинами gulp watch, since: , Gulp-changed, gulp-newer, gulp-remember, gulp-cache, gulp-cached от Ильи Кантора в скринкастах Gulp 5: Инкрементальная сборка, watch. Gulp 5: Инкрементальная сборка, повышение производительности.
В первом примере, "инкрементальность" обеспечивается за счет того, что в плагине styles данные кэшируются, а значит пересобираются заново только измененные файлы, но все это реализовано внутри styles...

среда, 22 июня 2016 г.

Конспекты к первым четырем скринкастам Gulp

Здесь видео и код к скрикастам. "Система достаточно детская, но надо же с чего-то начинать" (- Илья Кантор). А этот пост начинается ссылками на подборки статей, потом я постарался привязать примеры к видео поминутно..., а заканчиватся все фрагментами кода из двадцатиминутного ролика "Начальная сборка стилей" и последующим копипастом заголовков "Рецептов" из документации Gulp

понедельник, 20 июня 2016 г.

Копипаст трех gulpfile.js и ссылки на всякую всячину из папок репозиториев Google

Просмтривал корень репозитория material-design-lite, узнал, что Babel is a JavaScript compiler, Drone is a hosted continuous integration service. В комментариях к статье на хабре Google Web Starter Kit: конструктор мобильных сайтов нашел три ссылки на сервисы building high-quality mobile apps, которые решил считать альтернативами...
Потом решил, что надо бы добавить сюда все ссылки на gulpfile.js из web-starter-kit, WebFundamentals и iliakan/gulp-screencast (от Ильи Кантора)

Service Worker - прокси в браузере, управляемый скриптом с загружаемой страницы

Смотрим видео и умиляемся, до чего дошел прогресс. Вот, оказывается какие штуки появились, и в моих браузерах, и даже какие-то "воркеры" уже мне кто-то поставил... и в Chrome chrome://serviceworker-internals/, и в Mozilla about:debugging#workers
Понял, как они работают после того, как прочитал Register a Service Worker on the site из инструкции "Your first offline web app". А перед этим просмотрел несколько статей ...часть ссылок здесь.

воскресенье, 19 июня 2016 г.

Прежде, чем юзать Google web starter kit, проникаемся принципами Progressive Web App

решил прочитать раздел документации Web Fundamentals -> Getting started -> Your First Progressive Web App
Все так понравилось, что проглотил весь "Getting started" c другими примерами Your first push notifications web app и даже к GULP нашел пояснения... Start your site with Web Starter Kit, Introduction to Service Worker, New Service Worker debugging tools, Разработка → Введение в Firebase, Google Web Designer, Правила PageSpeed Insights,
Здесь видео про ServiceWorker и еще ссылки на фундаментальные статьи типа JavaScript Promises

вторник, 14 июня 2016 г.

Яндекс-косноязычие... ищу альтернативы для фронтенда

Фраза фаз, называемых режимами с фрагментами результатов в документации bem-xjst сразила меня наповал.

НО я сразу же снова поверил в себя... это не я тупой, это они не могут писать по-русски. И дальше это читать не буду. Потому здесь только ссылки на шедевры и онлайн демо (песочницу).
Но жизнь продолжилась. Начал искать альтернативы и учиться. Здесь десятка два ссылок по темам gulp-hexo, bootstrap, EJS, Understanding module.exports, JavaScript Modules ,Скринкаст NODE.JS

четверг, 9 июня 2016 г.

Последнее видео с фронтед-субботника 2016 Яндекса про BEM

О планах на начало года и промежуточных итогах рассказывается в видео "Новости из мира БЭМ". Здесь и про Gulp (я сюда скопировал версию gulpfile.js, мало ли чего...), и про кастомные библиотеки (bemdesign-blocks, Alfa-Bank Open Source ...), и ссылки на гитхаб эксперименты типа bootstrap-bl (4-х летней давности)

среда, 8 июня 2016 г.

Видео бебинаров по BEM (2-ой и 3-й)

Мое первое желание - использовать GUlp. Потому фраза в описании к видео Мы показали, как это делается, на примере Gulp заинтересовала. Здесь же и gulpfile.js И приблудились ссылки на Lightweight BEM plugin for jQuery и html2bl Tiny little script for getting blocks dirs from HTML file with redefinition levels.

Знакомимся с Node.js Style Guide и @use JSDoc

Должны же быть в nodejs соглашения о том, что и как писать в блоках комментариев. Да, и здесь есть еще теги (например @param {string} html), которые вставляются в блоки с многострочными комментариями... Оказывается, что так можно подготавливать документацию в процессе кодинга... Т.е., сначала пишешь комментарии в коде, а потом... можно все это "выпарсить" при помощи JSDoc в страницы с описанием API. Здесь видео и ссылки.

вторник, 7 июня 2016 г.

Здесь я пробую BEM start-project (Yandex) и добавляю переменные окружения при помощи SET

Установил start-project, запустил сервер... Обнаружил в дистрибутиве make.js, записал сюда. Но сначала записал
set PATH=%cd%\node_modules.bin;%PATH% (для windows) и
export PATH=./node_modules/.bin:$PATH для Linux.
Я никак не запомню, где двоеточие, а где точка с запятой..., а надо бы.

понедельник, 6 июня 2016 г.

Фрагменты gulpfile для BEM - сохраняю, дабы вернуться к ним после изучения скринкаста по GUlp

Здесь я нахожу разные юзаю bem, нахожу разные варианты gulpfile для BEM (gulp-bem, gulp-bem-debug), нахожу, как задавать переменные окружния в консоли