Olek1, компаний не мало да и пользователей тоже. По доступной мне статистике, около 10–15% но общего трафика; и где-то 90% от этой части приходится на IE11.
Если хотите супер-плавное решение, чтобы всё и всегда было как рендерах и на всех машинах пользователей, то его нет и не будет скорее всего ещё очень долго, если говорить о подобных вещах.
Более плавное решение знаю только на лютом JS, для которого нужно нужно тянуть ещё библиотеки.
Если у вас Bootstrap 3, то просто не используйте Bootstrap, а сделайте на flex'е в две колонки. И все ваши потребности будут решены максимально адаптивно.
frees2, это я скопировал код из реального проекта, просто вырвав блок с параллаксом + добавил высоту странице, чтобы прокрутка была.
Для описания принципа работы, думаю, вполне достаточно. Про пиксели не понял, они там, вроде, только для размеров и позиции фона элементов, т. к. там используется спрайт.
Flying, я прошу прощения, но у меня есть просьба: не могли бы вы показать код, о котором вы говорили? Просто я видел много примеров серьёзного использования, но они зачастую выглядели больше заумью, чем необходимость.
По описанию, ваш случай выглядит наиболее, что ли, приближенным к реальному упрощению задачи, поэтому хотелось бы посмотреть на него в качестве практики.
Bongie, да, ещё момент, учитывайте возможный большой контент табов и большой контент в правой колонке (где цвета и кнопка покупки).
Так же, учтите вопрос адаптивности. Если адаптировать, просто переделав горизонтальное направление в вертикальное, то до кнопки покупки и выбора цвета пользователь будет добираться через все табы.
lukoie, а что насчёт компиляции LESS на стороне клиента — лично я против этого занятия: оно увеличивает время начала отображения страницы. И чем слабее машина, тем больше мы получаем задержку перед непосредственным началом её рендеринга. Такого быть не должно, на мой взгляд.
lukoie, бывает потребность в циклах, условиях и тому подобном. В SASS это удобнее и проще, на мой взгляд, чем в LESS. Ещё очень не нравится, что в LESS переменные начинаются с @.
SCSS — потому что используются скобки. Скобки для меня сильный графический якорь для глаз. Мне с ними гораздо удобнее. В другие различия синтаксиса, если они есть, я не вникал, если честно, мне скобок вполне достаточно :))
lukoie, я когда смотрел все эти расширения, то прифигел в своё время. Ряд совсем непонятных, ряд забавных, несколько полезных, но большинство — очень специфические и для специфических задач.
lukoie, да-да, по этой ссылке. Там хорошие примеры. В любом случае, сами понимаете, хороший код можно писать на любом препроцессоре, любовь к чему-то корректному, наверное, зачастую больше дело привычки, чем фактического удобства.
Да, насчёт сложения цветов я высказался неверно: я более использую осветление и затемнение цветов или же функции работы с насыщенностью. Как и многие, я использую это для кнопок, теней, цвета текста, градиентов и прочего подобного. А именно сложение цветов зачастую использую для всякого рода градиентов.
Продолжая тему целом сообразности препроцессоров: всё же в переменных хранить цвета слишком удобно, но если бы CSS-переменные не имели проблем с поддержкой относительно архаичных браузеров, которые ещё в строю (к сожалению), я вполне мог бы и отказаться от препроцессоров на ряде проектов.
