JohnAPI:
>> "Это не извращение, а современные инструменты для разработки."
Изрядно повеселили. Это редкое извращение, с современными инструментами ничего общего не имеющее. Вам сказали уже не раз, верное решение Gulp + browserSync. Писать css в браузере не нужно, для этого есть редактор.
Дмитрий: Омг, может стоит сначала ознакомиться с документацией, а уж потом, имея хоть какое-то представление о вопросе, ковырять случайные примеры из интернетов?
Ваня Зюзгин: Не обращайте внимания, он несёт бред. При вызове его скрипта при doc ready, способ равносилен размещению стилей в конце страницы, а при вызове как есть не имеет смысла в принципе.
Сергей Тилион: Я удалил архив с Я.Диска. Сетки лекго гуглятся, размеры я описал в ответе. Если вам принципиально нужна эта, напомните вечером, я скину вам лично, сейчас не под рукой.
SuperHarold: Ничего критичного, но всё же нежелательно. Что за гениальная задумка, требующая отступления от сетки? На этот счёт прекрасно высказался выше товарищ copal
SuperHarold: Так сделайте нестандартные. В чём проблема?
Варианты:
1) Увеличить внутренние отступы колонок и контейнера. К примеру, сделать не 15px, а 20-25 (как того требует концепция дизайна).
2) Использовать сетку с бОльшим количеством колонок. (24, 30).
3) Совокупность п.1 и п.2
Эта сетка прекрасно настраивается под любые нужды, и дизайнеру нужно понимать, как она работает.
obivankenoby: Старайтесь работать по стандарту. Если нужна более гибкая сетка, используйте большее количество колонок, но от сетки отходить нежелательно.
123qwe: Вы понимаете, что однотипных блоков может быть много, и они могут чем-то отличаться? Мыслите масштабно.
Создаём базовый класс, и описываем в нём оформление. Этот класс мы будем использовать многократно, и его стили больше не трогаем. Но в зависимости от контекста положение и размеры этого блока могут быть различными. В таком случае добавляем ему класс, описывающий его как элемент блока, и через этот класс позиционируем. В зависимости от родителя эти свойства могут быть различными. Модификатор нужен для того, чтоб заранее описать несколько вариантов оформления, и использовать нужный.
123qwe: Классы .catalog__gallery и .gallery задают разные свойства. А .gallery--alt и призван переопределить некоторые свойства или дополнить. Но вообще, да правильней будет .catalog__gallery поместить в конец, пример был написан для понимания сути.
Евгений Стек: А как по-твоему должен выглядеть дизайн "с задуманным" параллаксом? Единственное, что нужно от дизайнера, это изображения не обрезанные впритык. И то, если планируются смещения не в направлении скролла.