Как сбросить кэш для файлов?

Ankhena, Я понял что не ваша, интересно откуда она.

Как сбросить кэш для файлов?

Ankhena, А есть какой-то личный канал firefoxic или какое-то сообщество где можно почитать и другие его статьи?

Как сбросить кэш для файлов?

Ankhena,

Со своим хромом вы может быть что-то и сделаете.
Но всё это ведь нужно обновлять в браузерах посетителей. Обычно.

Это да, согласен. Обычно, после вёрстки спрайт не трогается, а если какие-то доработки или замены иконок, то отдельный спрайт. Хотелось бы иметь возможность обновить основной спрайт, но пока не дошёл до того, как это сделать.

Почитал про стэк, скорее всего буду переходить на него :)
Я сборку собирал когда как раз был svg4everybody, поэтому везде был вариант с symbol.

Как сбросить кэш для файлов?

Ankhena, disabled cache тоже пробовал, не работает. Странно очень.

Как сбросить кэш для файлов?

Ankhena, Спасибо, почитаю про стэк.
По поводу доступности - это не ко мне, мне по большому счёту наплевать на это.
А по поводу скорости загрузки - это не проблема чаще всего т.к. есть прелоадер на 1-1.5сек, там точно всё прогрузится. Но соглашусь, на каком-нибудь телефоне вполне может и не успеть, поэтому совет дельный.

По поводу хрома нет каких-то мыслей?

Как сбросить кэш для файлов?

Ankhena, Плюс, не редко, при наведении на логотип меняется его цвет. Вы предлагается svg инлайном в html запихивать, чтобы поменять цвет через fill или stroke? Или брать вторую иконку и менять их местами? Или через псевдоэлемент менять иконки? Что в принципе почти тоже самое что и предыдущий вариант. Или ещё какой-то вариант есть? В общем, если есть какая-то альтернатива, то предлагайте, иначе получается бессмысленный диалог про "правильность".

Как сбросить кэш для файлов?

Ankhena, По скорости медленно это. Если в проекте 200 иконок хотя бы, то сколько это займёт по времени? Я уверен это не быстро.
А чем логотип в спрайте вас не устроил? Один и тот же логотип используется и в шапке и в подвале и т.д.

Как сбросить кэш для файлов?

Ankhena,

<svg class="header__logo-icon">
  <use xlink:href="images/sprite.svg#logosm2"></use>
</svg>

Иконки подключаются вот таким способом. Каждый раз, когда дёргается svg бегать по всему проекту и менять версию svg явно не гуд)

Как сбросить кэш для файлов?

Кстати, щас открыл для себя херню, что открытия ссылке в новой вкладке работает -_-

Как сделать так чтобы при наведении на item клас выдавался и убирался только если кликнуть за пределами dropdown или если навестись на другой item?

При наведении находи все menu-item и убирай у них active.

document.querySelectorAll(".menu-item").forEach((item) => {
  item.classList.remove('active')
}

Либо, можешь находить сразу menu-item с active и только у него убирать.

document.querySelector(".menu-item.active").classList.remove('active');

Как работать с тёмной темой в письмах (gmail ios)?

Нашёл во второй статье ссылку на другую статью где описывалось решение как раз для gmail на ios.
https://www.hteumeuleu.com/2021/fixing-gmail-dark-...

Спасибо за ссылку! Очень выручил!

Как решить проблему когда браузер неправильно отображает width?

jango81, У меня аналогично на ПК, криво и масштабирование 125%, но на телефоне всё норм. Дело 100% в масштабировании. Я раньше не использовал монитор, на котором масштабирование было, именно из-за этого.

Как кликать на вложенные элементы так, чтобы не кликался родительский элемент?

html структуру просто поменять достаточно.
Summary оборачиваешь в кнопку и уже на неё вешаешь открытие/закрытие. Аналогично с Subsummary.

Как сделать, чтобы блок выходил за границы экрана, но при этом горизонтального скролла не было?

ginap0, Оберни этот элемент в отдельный контейнер у этого контейнера уже убери скролл. Контейнер можно абсолютом растянуть на всю ширину секции. Нужен пример, чтобы точнее подсказать.

Есть ещё overflow-x: clip; - возможно он подойдёт лучше.

Как убрать прыгание скролла при открытии модального окна?

Использую для этого https://github.com/FL3NKEY/scroll-lock
Это если нужно заблокировать и скрыть скролл и чтобы модалка не дёргалась при открытии/закрытии.

Если на скролл при открытой модалке всё равно, то подойдёт банальный overflow: scroll, как советуют ниже.

Как создать такой сдайдер?

bazliiii, overflow: hidden повесь на mySwiper, либо вместо класса swiper, используй swiper-container.
Ты подключил css от версии 3.3.1, а в старых версиях вместо класса swiper был swiper-container.

По сути, тебе нужен slidesPerView в auto, либо ~1.5, centeredSlides и scrollbar

Клик на thumb слайд не всегда работает Swiper?

Привет из 2023)
Спасибо за решение.

Можно ли сделать интерфейс адаптивным, не переписывая весь CSS через media query's?

Сергей delphinpro, Точно также, только везде нужно миксин писать, да?) Гений.
В общем, вывод я сделал. Рем используешь чтобы колёсиком лишний раз не крутить, понятно.
Из-за этого хотите наказывать тех, кто использует px? Радикал однако.

Просто первый раз вижу чтобы человек так высказывал по поводу px. Стало интересно чем это мотивировано, в итоге узнал что у меня плохая квалификация.

Можно ли сделать интерфейс адаптивным, не переписывая весь CSS через media query's?

Сергей delphinpro,
Единственное что ты писал выше в пользу rem

пиксельная верстка не реагирует на настройку шрифта в браузере

Это только ради этого ты предлагаешь px заменить на rem?

Это неверно. Любой дизайн рисуется в пикселях. Будь то фотошоп, или фигма.

с учётом

Дизайнер здесь с какого бока? Вы совершенно не понимаете зачем нужны разные единицы измерения.

В смысле зачем? А какой смысл использовать rem, если в дизайне не используется этот подход?
Всё преимущество rem в том, что есть одно значение, которое можно менять и это значение будет меняться везде, где используется rem.
Но, если дизайнер этого не предусмотрел, то при адаптиве мы изменим базовое значение rem и полезем дальше писать медиа-запросы как и раньше т.к. у дизайнера один заголовок уменьшился на телефоне в 2 раза, а второй вообще не уменьшился или уменьшил в 3 раза и т.д. со всеми элементами.

Вы очень невнимательны. Мне проще было бы один раз выставить в настройках браузера размер шрифта, чем крутить колесико на каждом сайте.

А что это мы из контекста выдираем удобные вам строчки? Закончились какие-то адекватные аргументы или что? Или вы настолько невнимательный, что не можете дочитать предложение до конца?
чем верстальщику работать на ремах.

а потом рассуждайте о трудозатратах

Увеличить масштаб страницы VS написать полностью сайт на rem.
Трудозатраты очевидный. Игра не стоит свеч, чтобы за это так топить.

Я не собираюсь никого переубеждать, мне изначально было просто интересно чисто для себя, для общего развития, чем так хорош REM. Может всё-таки о этом поговорим?
Если какие-то плюсы, помимо того единственного или только для этого?

Можно ли сделать интерфейс адаптивным, не переписывая весь CSS через media query's?

Сергей delphinpro, Кинь ссылку на пост, что ты писал по поводу rem, а то не найдёшь.

Когда-то пробовал использовать rem, не понял смысла, показалось что лишние заморочки.
Тогда ещё работал на фрилансе, там нет возможности попросить что-то у дизайнера, а даже если есть, то дизайн уже чаще всего готов. Без дизайна, который делался с учётом rem'ов - rem'ы бесполезны, имхо. Всё равно придётся писать медиа-запросы, только плюс ко всему высчитывать каждый раз сколько это rem, а даже если не высчитывать, то писать миксин, что по сути одно и тоже - лишние телодвижения.

Вот мне интересно, что такого супер полезного в rem ты нашёл, что теперь любая вёрстка на px для тебя гавно. Байка про доступность - очень странная причина.

По сути - это просто другой подход, это не стандарт. Называть людей, грубо говоря, идиотами только потому, что они используют другой подход, серьёзно?
Людям с слабым зрением я думаю проще крутануть колёсико и увеличить масштаб на конкретном сайте, чем верстальщику работать на ремах. Силозатраты сравни.

Если это комплексный подход, когда вы вместе с дизайнером сели, всё проработали и т.д., то другое дело.
Но если только из-за того, что тебе лень колёсиком крутануть - абсурд.