Касательно вообще препроцессоров, то в относительно мелких проектах я понял, что мне обычно нужен функционал только переменных и сложений цветов. Даже вложенностью порой не пользуюсь вовсе, чтобы не плодить сложные связки селекторов. Примеси могут быть даже вредными, как ни странно, т. к. могут плодить кучу кода на выходе и излишне усложнять логику стилей.
Т. е. «Vanilla CSS» может быть даже более логичным выбором, чем любой препроцессор — всё зависит от задачи и рациональности того или иного инструмента для её выполнения, конечно.
Если говорить в частности, то сам до недавнего времени пользовался LESS, но перешёл на SCSS по ряду причин, которые указаны в ссылке, что прислал lukoie.
Лучше препроцессоров, кроме указанных вами, я не знаю. PostCSS, безусловно, не замена препроцессорам — у них разные задачи.
Максим Ленский, смотри, посмотрел на досуге твою задачу. Без лютого JS не обойтись. Плавно менять значения размытия и размера тех же SVG-фильтров через JS, чтобы сделать такой эффект — очень затратно. Производительность даже на этом уровне падает ниже плинтуса.
Скорее всего, чтобы эмулировать альфа-маску, которую в том видео сделали в After Effect, нужно пилить шейдеры. Совершенно не разбираюсь в них, к сожалению.
dom1n1k, это больше про качество передачи цветов, т. е. дешёвые матрицы. Сейчас дизайнеры любят яркие цвета и бледные тени, а когда видят всё это на типичном ноутбуке за 500 долларов, очень расстраиваются.
Максим Ленский, да, задача интересная. Думаю, тут будет достаточно большое количество хаков, если это можно реализовать.
Такие сайты, на мой взгляд, будущее веба: больше анимаций, переходов, эффектов. Безусловно, простые, лаконичные и интерфейс-ориентированные сайты тоже никуда не денутся.
Просто как раз «концептуальные» сайты двигают технологии вперёд.
Думаю, что профессионалы взяли бы за основу именно GSAP: taotajima.jp.
Там вполне реально подобные вещи реализовать грамотно. Теоретически и вроде бы практически, технологии создания таких альфа-масок с размытием есть. Без применения безумных JS и шейдерных методов.
Дизайн, конечно, красивый и всё такое, но сделано это видео в After Effect, что настраивает на негожий лад. Навряд ли тут обойдётся простыми и понятными средствами.
P. S. Такую черту можно сделать кучей способов. Я привел самый простой и не требующий доп. правок + более производительный (хоть тут это и не очень заметно, тро-ло-ло)
Т. е. «Vanilla CSS» может быть даже более логичным выбором, чем любой препроцессор — всё зависит от задачи и рациональности того или иного инструмента для её выполнения, конечно.
Если говорить в частности, то сам до недавнего времени пользовался LESS, но перешёл на SCSS по ряду причин, которые указаны в ссылке, что прислал lukoie.
Лучше препроцессоров, кроме указанных вами, я не знаю. PostCSS, безусловно, не замена препроцессорам — у них разные задачи.