Как сверстать блок со срезанным углом?

А такой контейнер может вести себя, как обычный блок? Ну т.е. с внутренней заливкой цветом, с контентом, может быть с фото, которая прибита к верхнему краю и так же обрезается на месте среза.

Как в Gulp сделать отдельную задачу для сборки на продакшн?

Sagan: отметил.

Нашёл решение даже ещё лучше.

Команда

gutil.env.production

возвращает true, если мы при запуске галпа добавляем ключ --production, во всех остальных случаях undefined.

Чтобы команда работала, нужен плагин gulp-util.

Соответственно мы можем присвоить это значение переменной и потом делать что-то вроде этого:

var prod = gutil.env.production;
var dist = prod ? 'production/' : 'dist/';

gulp.task('js-libs', function() {
	return gulp.src(app + 'src/libs.js')
		.pipe(prod ? uglify() : gutil.noop())
		.pipe(gulp.dest(dist + 'js'))
		.pipe(reload({stream: true}));
});

Как в Gulp сделать отдельную задачу для сборки на продакшн?

Спасибо, это то, что нужно! Без вебшторма да, тяжело)

Почему блок видно с десктопа, но не видно с мобильника?

Сергей Шилов: у меня эти условия не перезаписываются. Поэтому и написал про это. Когда я вручную в инспекторе убрал эти два свойства, меню начало исправно открываться / закрываться.

Разработка сайта с использованием git. Как работать правильно?

Philipp: спасибо.

Разработка сайта с использованием git. Как работать правильно?

Спасибо за развёрнутый ответ. Можно поподробнее про 3-й пункт? Каким образом это реализовать?

Разработка сайта с использованием git. Как работать правильно?

Андрей Б.: я понял, в общем-то так и делаем. Чтобы другой человек мог склонировать проект, написать npm i и начать работать. Спасибо за совет)

Разработка сайта с использованием git. Как работать правильно?

gim0: да, я пользуюсь гитом при вёрстке сайтов. Программисты гитом не пользуются и натягивают вёрстку сразу на сервере.

Philipp github по сути представляет из себя удалённый архив с исходниками. У нас проблема в том, что готовую вёрстку надо натягивать на битрикс, либо другую CMS, а для этого файлы должны лежать на нашем сервере.
Сейчас у нас работа выглядит примерно так: верстальщик делает вёрстку и заливает готовые файлы через FTP на наш сервер в отдельную папку verstka. Программисты берут оттуда файлы и внедряют их в шаблон сайта. Т.е. в папке verstka исходники, в шаблоне уже готовый сайт с PHP кодом и т.п.

Если надо на этапе натяжки внести какие-то правки в верстку, то надо либо забить на исходники и вносить правки прямо в шаблон, либо вносить правки сразу в 2 места. Причём если верстальщик работает со сборщиками проектов или чем-то ещё, он скорее всего захочет сначала внести правку у себя локально, пересобрать проект, сделать коммит, а потом эти изменения залить на сервер (свой, не гитхаб). Появляется проблема, что один человек может перезаписать изменения другого. К тому же это очень непрактично. Да и версионного контроля никакого. Не видно кто когда какие правки вносил. Это видно только на уровне вёрстки.

В этом и вопрос. Как можно оптимизировать работу? Понятно, что нужно использовать VCS, но каким образом наладить работу на сервере? Как работать программистам и с программистами?

У нас программисты наоборот жалуются, что верстальщики мешают им работать со своими сборщиками и гитами. Нет бы сразу на удалёнке работать.

Как правильно сделать затемнение при наведении на меню?

weranda: посмотрите комментарий от Leomund.

Как правильно сделать затемнение при наведении на меню?

Этот код как раз-таки отвечает за затемнение, к такому решению в итоге мы и пришли.
Нет доступа к коду, который отвечает за ПОЯВЛЕНИЕ под-меню.

Как адаптировать таблицу?

вово, точняк

Вертикальное выравнивание: display: flex или display: table-cell?

Илья Савельев: это довольно универсально, неважно какая высота у центрируемого элемента, или у его контейнера.
Ну а если высота элемента известна и постоянна (например 100px), то можно вместо transform просто задать ему margin-top: -50px. Это будет более кроссбраузерно.
Флексы тоже использую, довольно удобная штука, но опять же проблемы со старыми браузерами.
Ну а вариант с table-cell как-то не довелось использовать. Не буду говорить, хороший он или плохой.

Как в gitignore заигнорить папку в корне проекта?

Сергей: точно, спасибо.

Как сделать блочный скроллинг с фиксированной шапкой?

Антон Сашнин: да, но останется пустое пространство.
https://jsfiddle.net/R45H/32hd05j6/6/

Как сделать блочный скроллинг с фиксированной шапкой?

Антон Сашнин: вот - https://jsfiddle.net/R45H/32hd05j6/
Тут всё работает, но фоновый цвет всё равно остаётся под шапкой.
Конечно, в реальном проекте шапка не будет полупрозрачной. Но если вместо цвета будет картинка, либо на каких-то разрешениях скролл отключится, будет не очень красиво.

Как сделать блочный скроллинг с фиксированной шапкой?

Это не подойдёт. Да, контент отодвинется вниз, но фон секции всё равно будет залезать под шапку. А если фон убрать или задать background-clip, то между секциями всё равно будет пустое пространство.

Gulp. Как правильно реализовать подключение хедера и футера из отдельных файлов?

Хорошо, спасибо. Буду переписывать.

Gulp. Как правильно реализовать подключение хедера и футера из отдельных файлов?

ch3rri: Всё верно. Пускай он выплёвывает index.html в "dist", никаких проблем. Просто в идеале мне нужно редактировать index.html в папке "app" и видеть в браузере результат с уже подключенными хедером и футером. Но у меня watch настроен на мониторинг папки "app", а не "dist".
Тут есть какое-то нормальное решение? Или надо переписывать таск watch на мониторинг папки dist, чтобы проект пересобирался при любом изменении?
Попробовал внедрить код выше. В результате при запуске watch index.html отправился в dist с подключенными хедером и футером, но в браузере открылся файл вот с этими командами:
//= template/header.html
//= template/footer.html

Если что, собирал gulpfile по этой статье: webdesign-master.ru/blog/tools/2016-03-09-gulp-beg...
Собственно вопрос в том, как внедрить rigger в такую сборку.