• Как определить, на каком пикселе высоты страницы находится верхняя грань окна страницы?

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

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

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

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

    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
    Редактирую файлы с непонятными расширениями
    Всё с этим кодом в плане "современности" нормально.
    А вот в плане читаемости и переиспользования - нет.

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

    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 комментария
  • Как скрывают файл со стилями css?

    @Refguser
    Решения для бизнеса: от создания ИМ до...
    Это не css-файл, это инлайн-стили.
    Ответ написан
    Комментировать
  • Возможно ли перенести свой дизайн на сайт WordPress?

    Get-Web
    @Get-Web
    Front-End Developer
    Волшебной кнопки нет, если вы об этом. А дизайн, можно сверстать и адаптировать практически под любую cms, в том числе и WP, но тут я вижу только дизайн под мобильную версию. Если хотите сделать адаптацию под CMS максимально простым способом, тогда сделайте дизайн исходя из структуры и функционала текущей версии сайта.
    Ответ написан
    Комментировать
  • Как лучше загрузить сайт на React на GitHub для доказательства, что он действительно на React?

    @tehfreak
    Github Pages это хостинг статических стайтов. И у него есть два режима работы:

    1. Хостинг из указанной ветки
    Можно руками закоммитить содержимое папки build в какую-то ветку, и выбрать эту ветку в качестве источника в настройках репозитория в разделе Pages.

    Это можно частично автоматизировать с помощью, например, этого инструмента.

    Вот пример команды для развертывания проекта на основе CRA (Create React App)

    "scripts": {
      "start": "react-scripts start",
      "build": "react-scripts build",
      "deploy": "npm run build && gh-pages -d dist"
    }


    2. Хостинг артефактов
    Можно полностью автоматизировать сборку и развертывание при коммите в репозиторий, написав сценарий с помощью Github Actions. В этом случае нужно выбрать Github Actions в качестве источника в настройках репозитория в разделе Pages.

    Вот пример автоматизации развертывания проекта на основе CRA

    Репозиторий с исходным кодом: https://github.com/tehfreak/example-react-cra-ghpa...
    Сценарий сборки и развертывания в этом репозитории: https://github.com/tehfreak/example-react-cra-ghpa...
    Собранный код доступен по этой ссылке: https://tehfreak.github.io/example-react-cra-ghpag...

    Вот пример автоматизации развертывания проекта на основе NextJS

    Репозиторий с исходным кодом: https://github.com/tehfreak/example-react-nextjs-g...
    Сценарий сборки и развертывания в этом репозитории: https://github.com/tehfreak/example-react-nextjs-g...
    Собранный код доступен по этой ссылке: https://tehfreak.github.io/example-react-nextjs-gh...

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

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

    Я рекомендую автоматизировать развертывание. Happy hacking!
    Ответ написан
    2 комментария