Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Опрос: расскажи, что думаешь про цифровизацию российских банков
Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос
ArsenyMatytsyn

Арсений Матыцин

CEO iAmStudio, предприниматель.
  • 797
    вклад
  • 0
    вопросов
  • 920
    ответов
  • 64%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Как проверить наличие класса у элемента и если есть - юзануть скрипт?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега JavaScript
    CEO iAmStudio, предприниматель.
    Не ну бардак, конечно, в башке и кодовой базе.

    Если по событию отправки страница не перезагружается, значит, что обмен данными происходит с помощью асинхронки на JS. Всего-то надо найти код, где происходит отлов данных для последующей отправки в бэк, приходит ответ, а класс назначается. И уже с пониманием дела либо встроится непосредственно в код, а по возможности сделать это безопасно (не городя конструкцию, которую не понимаешь, например, в плагине).

    Если же в кодовой базе уже создано событие, которое можно слушать на DOM-узле, то лучше воспользоваться им и просто слушать. Ну или дописать можно.
    Ответ написан 15 янв.
    Комментировать
    Нравится Комментировать
  • Как исправить валидацию?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега HTML
    CEO iAmStudio, предприниматель.
    Не вкладывай блочные элементы в строчные, смотри документацию W3C, можно быструю справку.
    Ответ написан 15 янв.
    5 комментариев
    Нравится 1 5 комментариев
  • Тег A и вложенные в него теги. Что гугл будет считать анкором?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега HTML
    CEO iAmStudio, предприниматель.
    В тег a можно вкладывать блочные и не только элементы. Какие именно, можно посмотреть в спецификации W3C или зайдя на сервис для быстрого поиска.
    Ответ написан 15 янв.
    2 комментария
    Нравится 2 комментария
  • Как сделать инверсию текста в зависимости от фона?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега CSS
    CEO iAmStudio, предприниматель.
    https://developer.mozilla.org/ru/docs/Web/CSS/mix-...

    Или на js, собирая заранее известно инверсные блоки и сверяя их положение с объектом или высчитывая цвета. В общем тут раздолье мысли.
    Ответ написан 05 янв.
    Комментировать
    Нравится 2 Комментировать
  • Работа с height: vh. Как работать при измение размера экрана?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега CSS
    CEO iAmStudio, предприниматель.
    Нус, во-первых CSS не имеет разделение свойств в виде знака равенства. А вот так height: 100vh;. И это правило будет работать всегда, даже когда контента будет больше. Более того, даже после ресайза. Если у тебя при корректном CSS при ресайзе багует, ищи проблему в коде, а не в размерностях.

    И в завершение, для таких блоков, есть смысл указывать min-height, чтобы исключить артефакты, если же все-таки содержимое блока оказывается больше того самого размера экрана.
    Ответ написан 05 янв.
    1 комментарий
    Нравится 1 комментарий
  • Как сделать прокручиваемый position: sticky, если он не помещается в экран?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега CSS
    CEO iAmStudio, предприниматель.
    Для того, что находится внутри прилипающей части задай max-height:100vh; и overflow:auto;.
    Ответ написан 27 дек. 2020
    Комментировать
    Нравится Комментировать
  • Как лучше сделать?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn
    CEO iAmStudio, предприниматель.
    1. Исключить появление такого объема текста, например, гайдлайном.
    2. Добавить гармошку: эффект при наведении или клике. Оба варика хуже первого.
    Ответ написан 23 дек. 2020
    Комментировать
    Нравится 2 Комментировать
  • Как убрать обводку у input radio?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега CSS
    CEO iAmStudio, предприниматель.
    Обводка это border. А вообще тебя должна интересовать не стилизация инпута, а создание логики с декоративными элементами, основанными на селекторах.
    Ответ написан 18 дек. 2020
    Комментировать
    Нравится Комментировать
  • Как сделать обновление блока при клике на ссылку без перезагрузки страницы?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега JavaScript
    CEO iAmStudio, предприниматель.
    1. SPA-приложение на JS-фреймворке;
    2. Табуляция на JS (переключение отображения уже отрендеренного контента);
    3. Фреймы.
    Ответ написан 15 дек. 2020
    Комментировать
    Нравится 1 Комментировать
  • Как сделать перенос элемента навигации?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега CSS
    CEO iAmStudio, предприниматель.
    flex-wrap:wrap;.
    Ответ написан 13 дек. 2020
    Комментировать
    Нравится Комментировать
  • Как у обводки (border) сделать не видимую часть на фоне с фотографией?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега CSS
    CEO iAmStudio, предприниматель.
    Безопасно — использовать svg полигон с dasharray. А вообще ты можешь задать блоку правый и нижний бордер, а слева и и сверху задать спозиционированные псевдоэлементы, имитирующие границу.
    Ответ написан 13 дек. 2020
    2 комментария
    Нравится 1 2 комментария
  • Как сделать так, чтобы гамбургер менял цвет при нахождении в разных секциях?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега CSS
    CEO iAmStudio, предприниматель.
    Если нужно сделать это управляемо, собери коллекцию DOM-узлов, где должен быть определенный цвет, слушай прокрутку и ресайз и при пересечении перекрашивай, как надо. Если это SPA, то не забывай чистить стек.
    Ответ написан 13 дек. 2020
    Комментировать
    Нравится Комментировать
  • Как сделать, чтобы каждый последующий слайд отображался сзади текущего?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега JavaScript
    CEO iAmStudio, предприниматель.
    Позиционирование, трансформации (translate, scale) и z-index.
    Ответ написан 13 дек. 2020
    2 комментария
    Нравится 2 комментария
  • Как исправить последовательность наложений изображений CSS HTML?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега CSS
    CEO iAmStudio, предприниматель.
    Так как изображение контентное и подается непосредственно в html напрямую сделать никак, так как стилевые описания в данном кейсе будут идти, как основные, а инлайновые сверху. Собсно таким образом и формируя последовательность. Выйти можно за счет псевдоэлемента, или любого DOM-узла, которое будет спозиционировано по z-index-у выше. Еще интереснее решение — компонент на JS-фреймворке, который будет получать контентную пикчу, как пропс, и управлять последовательностью на уровне рендеринга.
    Ответ написан 13 дек. 2020
    Комментировать
    Нравится Комментировать
  • Как сделать выпадающий текст при скроле страницы?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега CSS
    CEO iAmStudio, предприниматель.
    Либо position:sticky, либо слушай на JS скролл и меняй абсолют или fixed значения.
    Ответ написан 12 дек. 2020
    Комментировать
    Нравится Комментировать
  • Как выровнять по высоте текст?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега CSS
    CEO iAmStudio, предприниматель.
    Выравнивай с помощью флексов или гридов.

    Что-то типа:
    .head {
    display: flex;
    align-items: center;
    ...}
    Ответ написан 06 дек. 2020
    Комментировать
    Нравится 1 Комментировать
  • @media запросы, как отключить наследование стилей?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега CSS
    CEO iAmStudio, предприниматель.
    как известно наследуют стили от меньшего к большему

    Это бред, медиазапросы работают так, как ты их настраиваешь, если тебе нужно задать стилизацию для конкретного диапазона размеров, то пишешь @media (min-width:xxpx) and (max-width:xxpx).

    Если же что-то работает «не так» — борозди свой код на предмет тупых утечек. Такое бывает. Если код нашинкован, то понять, где косяк поможет source-map в этапе сборки.
    Ответ написан 01 дек. 2020
    1 комментарий
    Нравится 2 1 комментарий
  • Фиксация ползунка на выбранном интервале после отправки события?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега JavaScript
    CEO iAmStudio, предприниматель.
    Используй localStorage или sessionStorage для хранения значений.
    Ответ написан 26 нояб. 2020
    Комментировать
    Нравится 1 Комментировать
  • Текст выстраивается в одну линию в блоками. Как исправить?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега CSS
    CEO iAmStudio, предприниматель.
    1. Заверни все img в один контейнер.
    2. Если нужна система в отображении, то добавь грид.
    Ответ написан 26 нояб. 2020
    4 комментария
    Нравится 4 комментария
  • Как вывести alert если пользователь ввел буквы в input а не цифры?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега JavaScript
    CEO iAmStudio, предприниматель.
    Воспользоваться регулярками.
    Ответ написан 26 нояб. 2020
    3 комментария
    Нравится 3 комментария
Оценили как «Нравится»
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • Следующие →
Самые активные сегодня
  • Василий Банников
    • 18 ответов
    • 0 вопросов
  • hello_my_name_is_dany
    • 8 ответов
    • 0 вопросов
  • hottabxp
    Сергей Карбивничий
    • 8 ответов
    • 0 вопросов
  • Sanes
    Sanes
    • 7 ответов
    • 0 вопросов
  • ivsol
    Иван Соломенников
    • 6 ответов
    • 0 вопросов
  • sergiks
    Сергей Соколов
    • 6 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации