Задать вопрос
  • Почему эффект применяется только к одной кнопке из трёх?

    https://codepen.io/kusakinvova/pen/ExJRvqO
    вот как я решил проблему

    document.querySelectorAll('.btn_clip').forEach(button => {
        button.addEventListener('mousemove', e => {
            // Получаем координаты курсора относительно кнопки
            const rect = button.getBoundingClientRect();
            const x = e.clientX - rect.left;
            const y = e.clientY - rect.top;
    
            // Устанавливаем переменные для текущей кнопки
            button.style.setProperty('--x', x + 'px');
            button.style.setProperty('--y', y + 'px');
        });
    });
    Ответ написан
    8 комментариев
  • Можно ли назначить разделитель для float input?

    Mike_Ro
    @Mike_Ro Куратор тега JavaScript
    Python, JS, WordPress, SEO, Bots, Adversting
    Можно ли назначить разделитель для float input?

    Нельзя, нужно изменить атрибут type на text.
    хотелось бы чтобы число разделяла не запятая, а точка, пример:
    10,200
    10.200

    Слушаем событие change у input, если видим символ ",", то заменяем на символ ".". Если замен предполагается больше, то лучше использовать imask.
    Ответ написан
    Комментировать
  • Какой актуальный стек верстки 2024?

    Если вы хотите научиться именно хорошо верстать, то углубляйте знания в чистом CSS.
    Изучите все самые современные техники и нововведения CSS, изучайте новые фичи CSS, которые только появились, и у них нет ещё полной поддержки в браузерах. Находите какие-то сложные примеры с CSS-tricks, пытайтесь сначала сами их повторить, а потом сравнивайте с оригинальным решением.

    Так вы будете на острие ножа, и сможете делать то, что обычная публика не умеет, сделаете хорошее портфолио и вас чаще будут брать на интересные и дорогие задачи. А Tailwind, Bootstrap и т.д.... каждая обезьяна может научиться использовать...
    Ответ написан
    2 комментария
  • Как определить, на каком пикселе высоты страницы находится верхняя грань окна страницы?

    @AlTerminator Автор вопроса
    document.documentElement.scrollTop.

    https://developer.mozilla.org/ru/docs/Web/API/Elem...
    Ответ написан
    Комментировать
  • Почему рамка с градиентом отображается точками в углах?

    @Delta01
    @de1ta01 пиши, помогу с вёрсткой =)
    border-image-slice: 1
    Чтобы заданный градиент сместился или растянулся по всей границе.
    Ответ написан
    3 комментария
  • Можно ли сайт на WordPress разместить на хостинге GitHub Pages?

    zorca
    @zorca Куратор тега WordPress
    Нет, Гитхаб не поддерживает динамические сайты, это хостинг для статических файлов.
    Ответ написан
    2 комментария
  • Можно ли сайт на WordPress разместить на хостинге GitHub Pages?

    Deita
    @Deita
    Нет. Там нет php.
    Хостинг для WordPress стоит в интернете копейки 1.50 доллара на 500 мб.
    Ответ написан
    5 комментариев
  • Transition для linear-gradient как сделать?

    toohappy
    @toohappy
    Люблю свекольник.


    Вот пример.
    TLDR:
    1. Создаем before и after и для каждого из них делаем отдельный linear-gradient. Создаем событие hover и затемняем ненужный нам градиент.
    Ответ написан
    Комментировать
  • Как переписать код на более современный JS?

    Mike_Ro
    @Mike_Ro Куратор тега JavaScript
    Python, JS, WordPress, SEO, Bots, Adversting
    Подскажите пожалуйста как переписать код на более современный код JS.

    Зачем?
    нашел такой код он работает, при клике добавляет 2 динамических класса на 2 разных блока

    Не добавляет, а переключает.
    но пишут на форуме что код устаревший

    На заборе пишут, что пора прыгать из окна.
    Как исправить?

    addEventListener()
    Ответ написан
    Комментировать
  • Как переписать код на более современный JS?

    @historydev Куратор тега JavaScript
    Mistkerl, drück den Knopf.
    Всё с этим кодом в плане "современности" нормально.
    А вот в плане читаемости и переиспользования - нет.

    Можно например вот так переписать:

    const menu = document.querySelector('.burger-menu');
    const menuList = document.querySelector('.menu__list');
    const activateMenu = () => (menuList.classList.toggle('active-menu'), menu.classList.toggle('active'));
    
    menu.addEventListener('click', activateMenu, true);
    Ответ написан
    2 комментария
  • Как придвинуть элемент a к элементу img?

    IvanU7n
    @IvanU7n
    nothing interesting here
    без кода будет вангование, но мало ли…

    обернуть в <div> или другой контейнер, ну или запихнуть иконку в ссылку
    если там flex, а картинка и ссылка на одном уровне, то можно попробовать поиграться с justify-self, но не факт что поможет
    Ответ написан
    1 комментарий
  • Внешние ссылки. Расскажите про алгоритм?

    Mike_Ro
    @Mike_Ro
    Python, JS, WordPress, SEO, Bots, Adversting
    Я принял для себя решение, что нужно исходя из моих рубрик, составить семантику (конечно же НЧ запросы для начала)

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

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

    А кто то запрещает? Можете конечно. Другой вопрос, что человек без опыта не соберет качественный ссылочный профиль.
    Если вы считаете всё это абсурдом и это меня ни к чему не приведете - не стесняйтесь, выражайтесь!)

    В целом, вероятнее всего так и будет. Произойдет расход средства и времени не соразмерный результату.
    Ответ написан
    3 комментария
  • Как работают SSR компоненты?

    Mike_Ro
    @Mike_Ro
    Python, JS, WordPress, SEO, Bots, Adversting
    Если я правильно понимаю работу Next.js: компоненты без состояния рендерятся на сервере и могут индексироваться поисковыми роботами

    Верно, индексация стандартная.
    А с состоянием - на стороне клиента, и роботы их не видят.

    Не совсем. Поисковики индексируют динамику, но ограниченно, и она проиграет классической статике или ssr. То, что Вы видите динамику в топе - это не заслуга динамики, а недоработка конкурентов со статикой.
    Однако в компоненте самой страницы ArticlePage у меня в любом случае будет использование useState. Значит ли это, что вся страница будет отрисовываться на клиенте?

    Не совсем. Часть страницы будет отрисована на сервере, а часть на клиенте.
    И что поисковые роботы обойдут контент страницы стороной?

    Нет, контент в любом случае будет ранжироваться, но не лучше классической статики при прочих равных.
    P.S. Вопрос, возможно, глупый, но я правда не понимаю...

    К нексту у многих имеются вопросы, поэтому Вы не первый и уж тем более, не последний :)
    Ответ написан
    Комментировать
  • Как сделать такой input type range?

    Get-Web
    @Get-Web Куратор тега CSS
    Front-End Developer
    Ответ написан
    Комментировать
  • Есть ли способы борьбы со спамными лидами?

    Mike_Ro
    @Mike_Ro
    Python, JS, WordPress, SEO, Bots, Adversting
    С начала декабря видим увеличение спамных лидов, прогрессия примерно такая: ноябрь 3%, декабрь 10%, январь 20%.

    Среднее поведение.
    В заявках указаны реально существующие номера телефонов, ФИО полностью, но когда менеджеры по ним звонят, то люди либо орут, что их достали уже звонками, а они нигде свои заявки не оставляли, либо вовсе не берут трубку.

    Среднее поведение.
    смотрела по вебвизору - похоже на поведение людей, но странное. вход на страницу, сразу переход к форме

    Простое поведение.
    ввод данных, причем не вставка сразу номера или ФИО, а виден набор (иногда видно, как что-то стирают и вводят вновь)

    Сложное поведение.
    Кто-то уже сталкивался с подобным

    "Сталкивался".
    Контекстологи не понимают в чем дело

    Им это и не нужно понимать, т.к. этим должны заниматься те, кто пишет подобный софт.
    как боролись? какие вообще варианты есть?

    уверяют что нужно ставить проги антифрода, но что-то не верится, что это поможет...

    1. Антифрод поможет, если против Вас боты начального уровня, которые не сильно заморачиваются в маскировку.
    2. Подтверждение заявок через смс, клиент оставляет заявку, Вы просите подтвердить его номер через смс. Таким образом Вы убиваете сразу двух зайцев, боретесь со спамом и можете эффективнее настраивать конверсию из сделок в crm для контекстной рекламы.

    В любом случае, бороться с фродом Вы сможете лишь на своем сайте, т.е. в случае чего, повлиять, например, на скликивание рекламы Вы не сможете.
    Ответ написан
    Комментировать
  • Как скрывают файл со стилями css?

    XXXXPro
    @XXXXPro
    Fullstack Web developer
    Да, всё верно, это происходит, если добавлять стили через JavaScript с помощью конструкций вида
    var sheet = window.document.styleSheets[0];
    sheet.insertRule('.container { width: 100%; margin: 8px auto }', sheet.cssRules.length);

    Подробнее — см. в MDN: https://developer.mozilla.org/en-US/docs/Web/API/C...
    Ответ написан
    Комментировать
  • Как сделать так, чтобы отступ между колонками не менялся?

    delphinpro
    @delphinpro Куратор тега HTML
    frontend developer
    .grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
      max-width: calc(300px * 3 + 30px * 2);
      margin: auto;
    }


    Ответ написан
    1 комментарий
  • Как новичку въехать в рекламу в яндекс.директ?

    Mike_Ro
    @Mike_Ro
    Python, JS, WordPress, SEO, Bots, Adversting
    За сколько времени можно въехать в тему?

    Зависит от Вас. Прочитать документацию и создать свои РК - быстро, а вот понять, как на самом деле все работает (а не как заявлено) - недели, месяцы, может, годы.
    Есть ли какие-нибудь хорошие курсы/ресурсы по делу?

    Рабочие схемы, которые приносят хорошую прибыль - не выкладывают.
    Может быть, лучше обратиться к профессионалу?

    Если не планируете в дальнейшем на этом зарабатывать, то это самый дешёвый вариант.
    Какими сервисами лучше пользоваться?

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

    За последние 2 года, эффективность данного сервиса резко упала, вероятно, за счёт исчезновения конкуренции. Сложность ведения и стоимость входа в рекламу выросли пропорционально.
    Ответ написан
    3 комментария