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

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

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

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

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

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

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

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

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

Антон Романков

Frontend-developer
  • 6
    вклад
  • 0
    вопросов
  • 79
    ответов
  • 4%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Минимальная высота и ширина сайта как сделать?

    Антон Романков @romant094
    Frontend-developer
    Мой совет: сделайте нормальный адаптив.
    На мобилке блоки можно разместить в колонку. И будет намного лучше.
    Ну и горизонтальный скролл — это моветон в 2022.
    Ответ написан 18 авг. 2022
    Комментировать
    Комментировать
  • Как отменить одинаковую высоту у блоков в display grid?

    Антон Романков @romant094
    Frontend-developer
    Либо Masonry использовать, либо переходить на flex.
    Ответ написан 18 авг. 2022
    Комментировать
    Комментировать
  • Как сделать анимацию при переходе с одной страницы на другую?

    Антон Романков @romant094
    Frontend-developer
    https://alvarotrigo.com/pagePiling/examples/horizo...
    Ответ написан 18 авг. 2022
    Комментировать
    Комментировать
  • Есть форма. Нельзя ли добавить к кнопке вызова формы добавить "дата атрибут" или что-то подобное, что бы было понятно откуда эту форму вызвали?

    Антон Романков @romant094
    Frontend-developer
    Если я правильно понял вопрос, то вот так
    <form data-form="feedback">
      <input type="text" placeholder="Name">
      <input type="text" placeholder="e-mail">
      <input type="submit" value="Send">
    </form>

    const form = document.querySelector('form')
    
    form.addEventListener('submit', e => {
      e.preventDefault()
      console.log(e.target.dataset.form)
    })
    Ответ написан 18 авг. 2022
    Комментировать
    Комментировать
  • Стоит ли использовать material-ui в больших проектах?

    Антон Романков @romant094
    Frontend-developer
    Использование готового UI-Kit'a, конечно же, упрощает и ускоряет разработку. Но хочу предупредить, что у MUI есть свои особенности в некоторых местах. Может быть сложно что-то прикрутить.

    В целом сложно ответить на этот вопрос словом да или нет. Зависит от потребностей.
    Ответьте на вопросы:
    - Готова ли компания тратить ресурсы на развитие и поддержку своего собственного UI-Kit'a?
    - Что проект получит от стороннего UI-Kit'а?
    - В чем преимущества своего UI-Kit'a?
    Ответ написан 04 авг. 2022
    Комментировать
    Комментировать
  • Как назвать классы, если только один css стиль на три html файла?

    Антон Романков @romant094
    Frontend-developer
    Я бы делал разбиение на модули. Используя scss можно вынести в один файл общие стили и импортировать их там, где надо. Также можно задействовать миксин.
    Ну а если на чистом css, то просто выносим общие стили в отдельный файл и линкуем на страницах, на которых это надо.
    Что касается названия, то тут it's up to you.
    Ответ написан 21 июл. 2022
    Комментировать
    Комментировать
  • Yandex карты на React - какие лучшие практики в связке с typescript?

    Антон Романков @romant094
    Frontend-developer
    С ходу вот это нашел
    https://bestofreactjs.com/repo/gribnoysup-react-ya...
    Ответ написан 21 июл. 2022
    2 комментария
    2 комментария
  • Почему констанда scrollTop при скроле не изменяет значение?

    Антон Романков @romant094
    Frontend-developer
    https://developer.mozilla.org/en-US/docs/Web/API/W...
    https://developer.mozilla.org/ru/docs/Web/API/Wind...

    Нужно заменить screenY на scrollY
    Ответ написан 21 июл. 2022
    Комментировать
    Комментировать
  • Как сделать что-бы текст был поверх?

    Антон Романков @romant094
    Frontend-developer
    Замените &::before на это
    background: linear-gradient(45deg, rgb(80, 106, 245) 45%, rgb(91, 115, 244) 45%);

    Вот тут пример: https://codepen.io/romant094/pen/yLKVObg?editors=1100
    Ответ написан 14 июл. 2022
    Комментировать
    Комментировать
  • Webpack кэширование css классов?

    Антон Романков @romant094
    Frontend-developer
    Если я правильно понял вопрос, то вам нужен mini-css-extract-plugin, который сможет добавить hash к имени файла
    https://webpack.js.org/plugins/mini-css-extract-pl...
    Ответ написан 14 июл. 2022
    Комментировать
    Комментировать
  • Как сделать симуляцию движений мыши?

    Антон Романков @romant094
    Frontend-developer
    Если я правильно понял ваш вопрос...
    const inputs = document.querySelectorAll("input");
    
    inputs.forEach((item, index) => {
      item.addEventListener("click", (e) => {
        inputs.forEach((input, idx) => {
          if (index !== idx) {
            input.setAttribute("disabled", true);
          }
        });
      });
    });
    Ответ написан 14 июл. 2022
    1 комментарий
    1 комментарий
  • Как включить before в общую ширину?

    Антон Романков @romant094
    Frontend-developer
    .previous {
      &:hover:before {
        background-color: red;
      }
    }
    Ответ написан 14 июл. 2022
    Комментировать
    Комментировать
  • Как сделать круговую диаграмму?

    Антон Романков @romant094
    Frontend-developer
    htmlbook.ru/practical/krugovaya-diagramma
    Тут описано, как это делать
    Ответ написан 07 июл. 2022
    Комментировать
    Комментировать
  • Почему не анимируется первое появление элемента?

    Антон Романков @romant094
    Frontend-developer
    А почему бы не реализовать так, чтобы тултип уже был в нужной позиции, а управлять надо было бы только его opacity и translateX? Тогда такой проблемы не будет.
    Ответ написан 07 июл. 2022
    Комментировать
    Комментировать
  • Как растянуть блок относительно двух крайних фиксированных блоков?

    Антон Романков @romant094
    Frontend-developer
    https://codepen.io/romant094/pen/mdxVaeo
    вот так
    Ответ написан 07 июл. 2022
    Комментировать
    Комментировать
  • При верстке сайта пропал скролл, что делать?

    Антон Романков @romant094
    Frontend-developer
    Закинул ваш пример сюда, все работает.
    Возможно, какая-то либа мешает...
    Обратите внимание на файл filter_content.js, строка 30.
    Ответ написан 07 июл. 2022
    3 комментария
    3 комментария
  • Как сделать динамичный график?

    Антон Романков @romant094
    Frontend-developer
    Обратите внимание на эффект частиц. Возможно от этого сможете оттолкнуться.
    https://vincentgarreau.com/particles.js/
    Ответ написан 07 июл. 2022
    Комментировать
    Комментировать
  • Как сделать выпадающее меню при наведении, а закрытие только по клику?

    Антон Романков @romant094
    Frontend-developer
    onMouseEnter => открыть меню
    onClick на документе, исключая сам дропдаун => закрыть меню

    С onMouseEnter, думаю, все понятно.
    const menuItems = document.querySelectorAll('.menu-item')
    document.addEventListener('click', (e) => {
      event.stopPropagation() // это надо, чтобы прекратить распространение события
      if (!menuItems.includes(e.target)) {
        // close dropdown
      }
    })
    Ответ написан 30 июн. 2022
    Комментировать
    Комментировать
  • Как сделать всплывающее модальное окно, после успешной отправки формы?

    Антон Романков @romant094
    Frontend-developer
    Это делается в функции onSubmit, которая вешается на форму.
    Например, есть есть обработчик, который отвечает за отправку данных на сервер и onSubmit. Тогда можно сделать так:
    const sendForm = async (data) => await api.post(data)
    
    const onSubmit = async (data) => {
      // добавить сюда получение данных из формы
      try {
        const res = await sendForm(data)
        document.querySelector('#your-form').classList.add('active')
      } catch (error) {
        console.error(error)
      }
    }
    Ответ написан 30 июн. 2022
    Комментировать
    Комментировать
  • Как работает calcell в redux saga?

    Антон Романков @romant094
    Frontend-developer
    Да нативной реализации отмены функции в JS нет, но ведь можно и самому написать это

    Собственно, из документации...
    62b41199332c3871374193.jpeg
    Ответ написан 23 июн. 2022
    Комментировать
    Комментировать
Оценили как «Нравится»
  • 1
  • 2
  • 3
  • 4
  • Следующие →
Самые активные сегодня
  • Evgenii
    • 10 ответов
    • 0 вопросов
  • Enokin
    Владислав
    • 8 ответов
    • 0 вопросов
  • Drno
    • 7 ответов
    • 0 вопросов
  • mayton2019
    • 7 ответов
    • 0 вопросов
  • sharp97
    sharp97
    • 4 ответа
    • 1 вопрос
  • OpenAI
    OpenAI
    • 5 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

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

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