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

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

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

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

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

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

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

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

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

be_a_man

  • 33
    вклад
  • 61
    вопрос
  • 47
    ответов
  • 55%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Как в woocommerce сделать структуру Категории-подкатегории-товары?

    be_a_man @be_a_man
    6030c01d4d0f3903757946.jpeg
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Как удалить последний элемент массива?

    be_a_man @be_a_man
    array.splice(-1, 1)
    arr.length = arr.length - 1


    ))
    arr.filter((el, i) => i !== arr.length - 1)
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как в фигме измерить ширину контента и как верстать макет, если его ширина больше ширины монитора и появляется горизонтальная полоса прокрутки??

    be_a_man @be_a_man
    Дело не в фигме а в том как макет делали. И тем не менее в нем есть направляющие.
    Shift + R включить направляющие и линейку. Растянуть прямоугольник (в фигме все прилипает друг к другу просто великолепно), посмотреть размеры.
    6005e51adc4ce764291061.jpeg

    Как верстать. Так например:
    .container {
        width: 100%;
        max-width: 1662px;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: auto;
        margin-right: auto;
    }
    Ответ написан более года назад
    3 комментария
    3 комментария
  • Как можно добавить загрузку второй миниатюры в создание/редактирование категории woocommerce?

    be_a_man @be_a_man
    https://www.advancedcustomfields.com/
    Ответ написан более года назад
    3 комментария
    3 комментария
  • Как прописать конфигурацию в webpack5?

    be_a_man @be_a_man
    output: {
            path: path.resolve(__dirname, 'dist'),
            publicPath: '/'
        },

    {
                        test: /\.(png|jpg|gif|webp)$/,
                        type: 'asset/resource',
                        generator: {
                            filename: 'images/[name].[ext]'
                        }
    
                    },
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Зачем здесь self (на что можно заменить)?

    be_a_man @be_a_man
    Заменить на стрелочную функцию, чтобы сохранить контекст this.
    А в целом там такая лапша, что нужно все удалить и написать нормально
    edit.addEventListener('keypress', (event) => {
        if (event.key == 'Enter') {
            this.innerHTML = edit.value
        }
    });
    Ответ написан более двух лет назад
    1 комментарий
    1 комментарий
  • Помощь с асинхронностью JS?

    be_a_man @be_a_man
    Promise вызывает resolve при успешном выполнении и reject при ошибке.

    В вашем случае скорее всего так, но архитектура кода очень странная
    async function fight(){
      addKeysEvents();
      return new Promise((resolve) =>
        health <= 0 && resolve('finish')
      })
    }
    
    fight().then( v => { console.log(v) })
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Как кликнуть по всем элементам одного класса?

    be_a_man @be_a_man
    Так
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Как закрыть модальное окно при открытии другого?

    be_a_man @be_a_man
    Например, так
    Или так
    Ответ написан более двух лет назад
    1 комментарий
    1 комментарий
  • Ошибка tab SASS, как сделать чтобы sass не ругался?

    be_a_man @be_a_man
    Google -> Конвертировать пробелы в табы sublime. Команды не знаю работаю в vs code, но проблема в этом и так решается. Частый баг sass
    Ответ написан более двух лет назад
    2 комментария
    2 комментария
  • Как научится делать такой сайт или где такой заказать?

    be_a_man @be_a_man
    По теме: бомж вариант - чистый WP, не переделывать готовую тему, а ставить вп и создавать тему с нуля, будет вам page speed 95. Плавные переходы можно без фреймворков. Например barba.js - библиотека. Анимации - gsap.

    Нормальный вариант: vue/react, node.js/laravel/django
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Какую CMS используют данные сайты?

    be_a_man @be_a_man
    На фреймворках
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Как перехватить нажатие на кнопку "назад" в браузере или на телефоне?

    be_a_man @be_a_man
    history.pushState(null, null, location.href);
    window.onpopstate = function () {
        history.go(1);
        alert('Close')
    };
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Как сохранить класс active в навигации в spa на vue после перезагрузки?

    be_a_man @be_a_man
    Используйте v-for и проверку на $route.path
    ul.d-lg-flex(:class='{//...}')
      li(v-for='(item, index) in [['/Joury', 'Члены жюри'], ...]')
        router-link(:to='item[0]' :class='item[0] === $route.path && "is-active"' @click='change(index + 1)') {{item[1]}}
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Оптимизация производительности события scroll во vue.js?

    be_a_man @be_a_man Автор вопроса
    Сам спросил - сам ответил(. https://codesandbox.io/s/vue-template-d6nw5
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Как реализовать появление border в виде загружающегося круга?

    be_a_man @be_a_man
    Вам нужно SVG https://codepen.io/lugindm/pen/RvPEOw
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Почему не грузятся зарубежные сайты (ростелеком)?

    be_a_man @be_a_man
    У самого ростелеком, также некоторые не грузятся. Использую Оперу со встроенным бесплатным VPN
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Почему не срабатывает preventDefault() на тачпаде MacBook?

    be_a_man @be_a_man
    https://github.com/basilfx/normalize-wheel
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Проверка ссылок через JS?

    be_a_man @be_a_man
    var hrefs = document.querySelectorAll('a');
    if (hrefs[i].getAttribute('href') == 'нужный линк')


    https://jsfiddle.net/se5kbwrx/

    UPD: с getElementsByTagName также работает. Решение проблемы именно в получении атрибута .getAttribute('href')
    Ответ написан более трёх лет назад
    4 комментария
    4 комментария
  • Figma и типографика?

    be_a_man @be_a_man
    Во-первых делать шрифт кратный сетке. Сетка 8px, шрифт 16/24/32/36 и т.д.
    Далее подгонять на глазок), шрифты разные и отображаются по-разному в редакторе и браузере ВСЕГДА (Хоть и рендерит фигма в канвасе). Верстальщику подгонять. UPD: или смотреть вкладку CODE в фигме. Спасибо ludr

    Кстати ровняйте по базовой линии лучше.

    Сравните. Один и тот же шрифт в фигме и браузере.

    1) Настройка сетки в фигме
    5c4543865ef44224096392.png

    2) Заголовок в фигме
    5c4543932e028966074856.png

    3) Абзац в фигме
    5c45439ba0ff6730430861.png

    4) Браузер с настройками из фигмы
    5c4544dc19230378296886.png

    5) Браузер подогнанный line-height
    5c4543a70febc718438736.png
    Ответ написан более трёх лет назад
    12 комментариев
    12 комментариев
Оценили как «Нравится»
  • 1
  • 2
  • 3
  • Следующие →
Самые активные сегодня
  • sergey-kuznetsov
    Сергей Кузнецов
    • 16 ответов
    • 0 вопросов
  • hacker2001
    • 16 ответов
    • 0 вопросов
  • Dr. Bacon
    • 8 ответов
    • 0 вопросов
  • Айнур Бирдин
    • 4 ответа
    • 1 вопрос
  • rPman
    • 5 ответов
    • 0 вопросов
  • низкомолекулярный макрос
    • 5 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

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

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