Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 August 05

OS

Oleg Shilov in HTML/CSS — русскоговорящее сообщество
Paul Valeska
Знает кто решение, которое позволяет при правках в живую не чистить кеш?

Все никак найти не могу
источник

OS

Oleg Shilov in HTML/CSS — русскоговорящее сообщество
контекстное меню по кнопке релоада вызывается только при открытых девтулзах.
обычный хард релоад работает в большинстве случаев, хоткей для винды/линукса не подскажу.
источник

PV

Paul Valeska in HTML/CSS — русскоговорящее сообщество
Просто где то год назад, кто-то рассказывал. Шо есть какой-то файл в сборках webpack/gulp. Который прям к файлу .css подписывает дату редакции и тем самым показывая ftp шо файл как будто новый
источник

VZ

Vyacheslav Zavorotni... in HTML/CSS — русскоговорящее сообщество
Oleg Shilov
тоесть получилось?) рад помочь. пойду себе помогать работать)))
да, все гуд. Еще раз спасибо. Еще бы понять в теории как это сработало.
источник

OS

Oleg Shilov in HTML/CSS — русскоговорящее сообщество
Paul Valeska
Просто где то год назад, кто-то рассказывал. Шо есть какой-то файл в сборках webpack/gulp. Который прям к файлу .css подписывает дату редакции и тем самым показывая ftp шо файл как будто новый
ааа. ты про это. есть такое.
источник

OS

Oleg Shilov in HTML/CSS — русскоговорящее сообщество
Vyacheslav Zavorotniy
да, все гуд. Еще раз спасибо. Еще бы понять в теории как это сработало.
в теории у тебя был задан top в пикселях. когда ты сделал тоа авто главным правилось которре размещало блок стал bottom: 0. ну и маржин нижний там каккой то корявый ты убрал и вуаля оно на месте
источник

OS

Oleg Shilov in HTML/CSS — русскоговорящее сообщество
Paul Valeska
Просто где то год назад, кто-то рассказывал. Шо есть какой-то файл в сборках webpack/gulp. Который прям к файлу .css подписывает дату редакции и тем самым показывая ftp шо файл как будто новый
если коротко то вот) https://webpack.js.org/guides/caching/
источник

OS

Oleg Shilov in HTML/CSS — русскоговорящее сообщество
для галпа хз. оч старый он. не юзал уже лет 8 наверное
источник

PV

Paul Valeska in HTML/CSS — русскоговорящее сообщество
Спс
источник

K

KlimovRV in HTML/CSS — русскоговорящее сообщество
Кто-нибудь сталкивался с тем что срабатывает медиа запрос prefers-reduced-motion ? он у меня автоматом включен и на chrome и на firefox почему-то
источник

OS

Oleg Shilov in HTML/CSS — русскоговорящее сообщество
если по длинному то webpack html plugin инлайнит пути к файлам стилей и js. но при каждой сборке в имени файла другой хэш. браузер считает что это новый файл и собственно грузит его по новой
источник

VZ

Vyacheslav Zavorotni... in HTML/CSS — русскоговорящее сообщество
Oleg Shilov
в теории у тебя был задан top в пикселях. когда ты сделал тоа авто главным правилось которре размещало блок стал bottom: 0. ну и маржин нижний там каккой то корявый ты убрал и вуаля оно на месте
Так а почему когда я попробовал применить bottom : 0! Important  -  оно не стало приоритетнее?
источник

VZ

Vyacheslav Zavorotni... in HTML/CSS — русскоговорящее сообщество
Или стало,  только марджин толкал?
источник

OS

Oleg Shilov in HTML/CSS — русскоговорящее сообщество
потому что топ толкал этот маржин за экран. а с одним боттомом маржин начал толкал снизу. почитай про box-model. хотя я могу ошибаться но мне кажется что так. если есть время вон на кодпене поиграйся. подобавляй паддингов мардинов и повозюкай див топом и боттомом посмотри как это работает включаю и отключая правила.
источник

K

KlimovRV in HTML/CSS — русскоговорящее сообщество
KlimovRV
Кто-нибудь сталкивался с тем что срабатывает медиа запрос prefers-reduced-motion ? он у меня автоматом включен и на chrome и на firefox почему-то
Нашёл  https://vk.com/@webcademy-vkluchenie-i-vykluchenie-animacii

Медиазапрос: если значение prefers-reduced-motion равно reduce (Указывает, что пользователь уведомил систему, что он предпочитает интерфейс, который минимизирует количество движения или анимации, предпочтительно до точки, где все несущественные движения удаляются.)
источник

l

l|v|l in HTML/CSS — русскоговорящее сообщество
Ребят, не могу понять, почему в первом и третьем случае с лепестками (petal #one #three) все работает как надо, а со вторым и четвертым как-то иначе. У меня есть класс wheel, у которого position: relative. У вложенных в него всех лепестков position: absolute, дабы местоположение каждого из лепестков я высчитываю от края рамки для класса wheel. И в случае с первым и третьим, когда я говорю, что left и right 0px, это работает верно, и лепестки отображаются ровно от края рамки класса wheel. А когда я задаю для второго и четвертого top и bottom 0px, по аналогии с первым и третьим лепестками, то эти лепестки начинают отрисовываться выше или ниже самой рамки для класса wheel. Почему для первого и третьего логика работает, а для второго и четвертого нет?

https://codepen.io/llvll/pen/dyGBjpW
источник

OS

Oleg Shilov in HTML/CSS — русскоговорящее сообщество
l|v|l
Ребят, не могу понять, почему в первом и третьем случае с лепестками (petal #one #three) все работает как надо, а со вторым и четвертым как-то иначе. У меня есть класс wheel, у которого position: relative. У вложенных в него всех лепестков position: absolute, дабы местоположение каждого из лепестков я высчитываю от края рамки для класса wheel. И в случае с первым и третьим, когда я говорю, что left и right 0px, это работает верно, и лепестки отображаются ровно от края рамки класса wheel. А когда я задаю для второго и четвертого top и bottom 0px, по аналогии с первым и третьим лепестками, то эти лепестки начинают отрисовываться выше или ниже самой рамки для класса wheel. Почему для первого и третьего логика работает, а для второго и четвертого нет?

https://codepen.io/llvll/pen/dyGBjpW
вот фикс нижнего лепестка. с верхним попробуй сам)))
источник

l

l|v|l in HTML/CSS — русскоговорящее сообщество
Oleg Shilov
вот фикс нижнего лепестка. с верхним попробуй сам)))
А как ты можешь объяснить, мол почему правый и левый правильно отсчитываются от края рамки wheel, а верх и низ отсчитываются от начала и конца страницы, а не wheel?
источник

OS

Oleg Shilov in HTML/CSS — русскоговорящее сообщество
могу предположить что при вопороте на 90 градусов твой calc считает длинну высотой
источник

OS

Oleg Shilov in HTML/CSS — русскоговорящее сообщество
попробуй сделать всем лепесткам top: 0; left: 0; и в транслейте уже калком раздвинуть их куда надо
источник