maxim_saharov, вы бы ещё лет через... 15 написали ответ :)
7 лет прошло с вопроса, я уж даже забыл про такой редактор, как Brackets. Напомнили, прям погуглю, что там с ним и жив ли он ещё.
Анастасия, не мучиться не получится)) Так css не умеет. Вам придется либо работать с rem, либо em, либо vw, как бы этого не хотелось. Поэтому мало кто делает такие сайты, иначе бы их клепали налево и направо))
Рустам Байназаров, ваше сообщение говорит человеку только о том, что такое сделать невозможно и всё тут: `найдите пример`, `никто так не делает` и тп. Не находите?)
Вопрос был изначально не в том, "а можно ли зафигачить адаптивность только через transform". Спрашивается, как сделать грамотный масштаб. А вы развозите про transform и zoom. Человек не глупый и сам понимает, что не прокатит вариант с transform, о чем в вопросе и пишет.
Рустам Байназаров, если человеку просто не хочется смотреть сайт в таком разрешении – значит надо увеличить размер шрифта браузера. Если человеку нужно разработать сайт, который должен быть резиновым – значит тут не должно быть разговора про "быстро" и "дешево". Именно это нужно объяснять как автору поста, так и его заказчику, если там всё так, а не разговоры разговаривать о том, как это сделать "колхозно быстро и дёшево". Иначе у нас так и будет куча необразованных верстальщиков, которые только и умеют, что стряпать на скорую руку посредственные сайты.
iBird Rose, изменение ширины и высоты работает сильно хуже чем тень)) Если разве что не делать это всё через transform, он работает вменяемо с анимациями. Не встречал никаких проблем с анимациями box-shadow, всё плавно нормально отрабатывает. Перерендеринг за счет изменений ширины и высоты элементов сильно хуже, чем изменение тени, которая не влияет на положение элементов на странице. Тем более если ещё и flex туда впихнут - браузеру ещё больше приходится рассчетов делать, хотя с тенью их было бы минимум.
Нужны доказательства, если действительно ваше решение быстрее работает чем box-shadow. Пока я в этом очень и очень сильно сомневаюсь как раз по выше описанным причинам. Если будет время - специально запилю и на flex и на box-shadow нужный эффект и сравню. Если есть у вас свободное время - буду благодарен если приведете рабочие примеры со всеми расчетами того, что выгоднее.
Не встречал такого прям в плагинах. Возможно на codecanyon.net будет подобное. Если нет - по-моему хороший способ запилить самому и как раз выложить туда, ещё и заработать)) не сильно и сложная это штука на самом деле.
Елена Валентайн, слышали мы много уже таких про "бэм не панацея и тд и тп". Ну дело ваше. А код да может не совсем рабочий, я на scss не писал достаточно давненько и как там что с интерполяцией не особа помню. Точку оттуда убирать не обязательно, но чуть переписать вполне себе можно.
Полной генерации классов можно добиться путем миксинов, как и писал. Допустим map-get() ещё можно использовать или написать что-то своё. То, что вам якобы надо менять __ на - как говорили в комментах - миксины сделают всё что надо, главное правильно оформить код логически и всё хорошо будет, но как - придется думать. Там и @content может понадобится и может быть (но это не точно) циклы или if/else. Дока по sass прекрасная и вполне можно написать рабочий миксин, было бы желание.
Владислав Лысков, очень смешно, как-будто я сам этого не знал)) Пробуйте с файлом g, мне не надо код исправлять. Проблема как раз в том, что описано в MDN из-за lastIndex. Оно-то не совсем логично с первого взгляда и работает.
SagePtr, Владислав Лысков, хотел сам разобраться поэтому код и не выдавал. Собственно, разобрался более менее)) Оказалось именно фичей. Кому интересно - можно покопаться https://jsfiddle.net/52e3mkfx/ понять почему 2 выдается, а не 4.
Владимир, Владимир Проскурин, собственно, нашел комментарии по этому поводу)) Проблема с флагом g в регулярках. Если мы посмотрим вот такой код: https://jsfiddle.net/52e3mkfx/ он выдает нам вместо всех 4х значений только 2. Почему - в этом я и хотел разобраться и считал это поведение неверным и косяком js. Собственно, хотелось самому разобраться чтоб никто носом не тыкал.
Максим Тимофеев, Потому что задача у человека сделать как можно более чистый код. На счет flex и его использования я вообще ничего не говорил, я говорил про grid и вы говорили про grid, а теперь почему-то перекинулись на flex. Причем тут это - не понял.
Максим Тимофеев, Странный вопрос, почему. Вы так уверены, что на созданные вами сайты будут заходить люди ТОЛЬКО с новыми браузерами? Поддержка гридов не ахти какая. По поводу примеров - я же говорил что без дополнительных оберток надо)) А вы либо с доп оберткой либо с высотой. Так любой без проблем сделает. А попробуйте сделать резиново только имея вот такой код и используя лишь flex.
Максим Тимофеев, есть вещи, которые у вас попросту не получится сделать на flex. Как пример вот такую вещь https://yadi.sk/d/XmEigyRh3TBXVx просто 3 элемента должны идти друг за другом в разметке без лишних оберток (типа сайтбара справа и тп) и при этом нельзя использовать высоту, потому что элементы растягиваются. Бывают моменты гораздо сложнее, которые потом надо привести к адаптивности, ну я думаю вы понимаете о чем я. Гридами пользоваться пока нельзя, в такой ситуации только float, но тру модульности без лишних оберток float попросту не даст, а человеку хочется сделать код в html красивым и аккуратным.
7 лет прошло с вопроса, я уж даже забыл про такой редактор, как Brackets. Напомнили, прям погуглю, что там с ним и жив ли он ещё.