Арсений Матыцин
CEO iAmStudio, предприниматель.
-
вклад
-
0вопросов
-
920ответов
-
64%решений
Ответы
-
Как проверить наличие класса у элемента и если есть - юзануть скрипт?
Не ну бардак, конечно, в башке и кодовой базе.
Если по событию отправки страница не перезагружается, значит, что обмен данными происходит с помощью асинхронки на JS. Всего-то надо найти код, где происходит отлов данных для последующей отправки в бэк, приходит ответ, а класс назначается. И уже с пониманием дела либо встроится непосредственно в код, а по возможности сделать это безопасно (не городя конструкцию, которую не понимаешь, например, в плагине).
Если же в кодовой базе уже создано событие, которое можно слушать на DOM-узле, то лучше воспользоваться им и просто слушать. Ну или дописать можно.Комментировать -
Как исправить валидацию?
Не вкладывай блочные элементы в строчные, смотри документацию W3C, можно быструю справку. -
Тег A и вложенные в него теги. Что гугл будет считать анкором?
В тег a можно вкладывать блочные и не только элементы. Какие именно, можно посмотреть в спецификации W3C или зайдя на сервис для быстрого поиска. -
Как сделать инверсию текста в зависимости от фона?
https://developer.mozilla.org/ru/docs/Web/CSS/mix-...
Или на js, собирая заранее известно инверсные блоки и сверяя их положение с объектом или высчитывая цвета. В общем тут раздолье мысли. -
Работа с height: vh. Как работать при измение размера экрана?
Нус, во-первых CSS не имеет разделение свойств в виде знака равенства. А вот такheight: 100vh;. И это правило будет работать всегда, даже когда контента будет больше. Более того, даже после ресайза. Если у тебя при корректном CSS при ресайзе багует, ищи проблему в коде, а не в размерностях.
И в завершение, для таких блоков, есть смысл указывать min-height, чтобы исключить артефакты, если же все-таки содержимое блока оказывается больше того самого размера экрана. -
Как сделать прокручиваемый position: sticky, если он не помещается в экран?
Для того, что находится внутри прилипающей части задайmax-height:100vh;иoverflow:auto;. -
Как лучше сделать?
1. Исключить появление такого объема текста, например, гайдлайном.
2. Добавить гармошку: эффект при наведении или клике. Оба варика хуже первого. -
Как убрать обводку у input radio?
Обводка это border. А вообще тебя должна интересовать не стилизация инпута, а создание логики с декоративными элементами, основанными на селекторах. -
Как сделать обновление блока при клике на ссылку без перезагрузки страницы?
1. SPA-приложение на JS-фреймворке;
2. Табуляция на JS (переключение отображения уже отрендеренного контента);
3. Фреймы. -
Как у обводки (border) сделать не видимую часть на фоне с фотографией?
Безопасно — использовать svg полигон с dasharray. А вообще ты можешь задать блоку правый и нижний бордер, а слева и и сверху задать спозиционированные псевдоэлементы, имитирующие границу. -
Как сделать так, чтобы гамбургер менял цвет при нахождении в разных секциях?
Если нужно сделать это управляемо, собери коллекцию DOM-узлов, где должен быть определенный цвет, слушай прокрутку и ресайз и при пересечении перекрашивай, как надо. Если это SPA, то не забывай чистить стек. -
Как исправить последовательность наложений изображений CSS HTML?
Так как изображение контентное и подается непосредственно в html напрямую сделать никак, так как стилевые описания в данном кейсе будут идти, как основные, а инлайновые сверху. Собсно таким образом и формируя последовательность. Выйти можно за счет псевдоэлемента, или любого DOM-узла, которое будет спозиционировано по z-index-у выше. Еще интереснее решение — компонент на JS-фреймворке, который будет получать контентную пикчу, как пропс, и управлять последовательностью на уровне рендеринга. -
Как сделать выпадающий текст при скроле страницы?
Либо position:sticky, либо слушай на JS скролл и меняй абсолют или fixed значения. -
Как выровнять по высоте текст?
Выравнивай с помощью флексов или гридов.
Что-то типа:
.head { display: flex; align-items: center; ...} -
@media запросы, как отключить наследование стилей?
как известно наследуют стили от меньшего к большему
Это бред, медиазапросы работают так, как ты их настраиваешь, если тебе нужно задать стилизацию для конкретного диапазона размеров, то пишешь@media (min-width:xxpx) and (max-width:xxpx).
Если же что-то работает «не так» — борозди свой код на предмет тупых утечек. Такое бывает. Если код нашинкован, то понять, где косяк поможет source-map в этапе сборки. -
Текст выстраивается в одну линию в блоками. Как исправить?
1. Заверни все img в один контейнер.
2. Если нужна система в отображении, то добавь грид.