Заметил один очень неприятный баг: в хроме не хотят грузиться шрифты в локал-сторедж. В эдже и фаэрфоксе все ок, шрифты грузятся отлично. Но если шрифты подключаться как и стили, тоесть через <script>loadCSS( "css/fonts.min.css?ver=1.0.0", false, "all" );</script>, то шрифты подключаются и отрабатывают нормально. Очень странное поведение, не сразу понял, почему в хроме не хочет работать локал сторедж.

Не знаю, зачем создал ишью, но может кому-то будет очень полезно, может что-то нужно подправить в коде. Очень сранно что до меня никто не заметил этот баг.

HTML5 shiv не работает, если расположен в конце . Его нужно разместить в .
"Include the HTML5 shiv in the of your page in a conditional comment and after any stylesheets."

Алексей, в последних версиях хрома ему добавили плавный скролл. Актуален ли теперь добавленный вами код для плавного скролла хрома в common.js ? Или его стоит держать только для тех кто еще по каким-то причинам остался на старой версии хрома?

Доброго времени суток. Спасибо за решение для скорости загрузки, поднял десктопную версию с 83 до 90!)
Но мобильная осталась на том же уровне и требует убрать из шапки css. Как с этим бороться ?

Пишет:
Running 'default'...
/Users/doronal/Desktop/_rady_html/node_modules/gulp-sass/node_modules/node-sass/lib/extensions.js:150
throw new Error([
^

Error: The libsass binding was not found in /Users/doronal/Desktop/_rady_html/node_modules/gulp-sass/node_modules/node-sass/vendor/darwin-x64-46/binding.node
This usually happens because your node version has changed.
Run npm rebuild node-sass to build the binding for your current node version.
at Object.sass.getBinaryPath (/Users/doronal/Desktop/_rady_html/node_modules/gulp-sass/node_modules/node-sass/lib/extensions.js:150:11)
at Object. (/Users/doronal/Desktop/_rady_html/node_modules/gulp-sass/node_modules/node-sass/lib/index.js:16:36)
at Module._compile (module.js:434:26)
at Object.Module._extensions..js (module.js:452:10)
at Module.load (module.js:355:32)
at Function.Module._load (module.js:310:12)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Object. (/Users/doronal/Desktop/_rady_html/node_modules/gulp-sass/index.js:163:21)
at Module._compile (module.js:434:26)

Может интегрировать практики из HTML5 Bolierplate?

Пользую Webstrom, при добавлении файлов в репозиторий получаю следующее:
The following problems have occurred when adding the files:
fatal: LF would be replaced by CRLF in index.html
during executing git -c core.quotepath=false add --ignore-errors -- index.html
Так везде, кроме, наверное, compiled.min.css.
Можно пофиксить так:
git config --global core.autocrlf false
git config --global core.safecrlf false

Возможно проблема только у меня.

Здравствуйте добавьте node_modules в gitignore

Не могу никак ваш пакет настроить на работу с scss файлами. Собирает и компилирует, но node-bourbone никак не хочет инклудиться.

Тогда уж надо настроить все через grunt и gulp
Да и npm подключить что бы устанавливать через менеджер пакетов.
Ну или bower

Как удалить папку проекта, если в ней "node_modules" всегда имеет ниипическую вложенность и длина путей превышает 255 символов?

Было бы замечательно переехать на .pug для шаблона gulp-sass-jade и настроить его работу без вылетов при ошибке

Привет. Отличный шаблон для верстки, пользуюсь с удовольствием! Обнаружил такой нюанс.

Ты говорил, что брейкпоинты в media.sass основаны на сетке bootstrap. В бутстрап-сетке все по принципу mobile-first-aproach, там везде параметры min-width.

Если если верстать desktop-first, то значения брейкпоинтов нужно уменьшить на 1px.

Разница существенна, т.к. если указана max-width, то на брейкпоинте сетка бутсрапа меняется, а стили нет. Посмотри на примере разрешения для ipad 768x1024. В бутстрап-сетке это разрешение попадает под small devices (и сетка перестраивается под sm) а стили попадают под правило для md ( до 992пх).

Получается, что на iphone и на ipad одинаковые стили( т.к. попадают под правило (max-width: 768px), а макет меняется по бутстрапу.

Поэтому для desktop-first в bootstrap верстке принято делать меньше на 1px (max-width:767px)
И поэтому сейчас все комментарии для брейкоинтов desktop-first не актуальны, например
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px)
А это не средние девайсы и десктопы, а маленькие девайсы и планшеты

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px)
А это не широкие экраны, а средние девайсы и десктопы

Вобщем в корне меняются понятия с использованием max-width. Думаю, ты разберешься. Заметил в тебе частичку перфекциониста,поэтому согласишься, что так будет правильней.

p.s. а вообще mobile-first рулит. Пару версток и становится реально проще верстать, советую разобрать в следующих джедаях верстки именно mobile-first

Если попытаться скомпилировать, к примеру, fonts.sass в fonts.min.css с использованием cssnano, при условии что в fonts.sass есть @import "bourbon", то ничего не произойдет. Задача sass выполнится для всех файлов, за исключением fonts.sass. Решением проблемы для себя нашел переход от cssnano к cssmin.