• Как лучше загрузить сайт на 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 комментария
  • Я могу использовать модифицированную тему в интернете?

    Mike_Ro
    @Mike_Ro Куратор тега WordPress
    Python, JS, WordPress, SEO, Bots, Adversting
    Я хочу отредактировать тему Вордпресса, распространяемую под лицензией GNU General Public License v2.
    Я могу использовать эту модифицированную тему для своего сайта в интернете? Как сделать это правильно, чтобы избежать юридических казусов?

    GPLv2 позволяет свободно использовать и изменять ПО, при условии, что вы также распространяете его под той же лицензией.
    Мне кажется, что использование модифицированной темы на сайте в интернете не является распространением, так ли это?

    Если Вы не предлагаете скачать или продать эту тему, то да.
    Ответ написан
    1 комментарий
  • Какой вид должен иметь профиль github?

    @SC_SaberChazer
    WEB-Programmer
    Как и писал Алексей, действительно, мало кому интересна на самом деле ваша активность на GitHub, но и это не обозначает полный не актив.
    И потом, как по мне, можно некоторые проекты привести в чувства, а остальные просто скрыть в приватные, не удаляя! (если долго редактировать/нужно все переписывать и по подобным причинам, ведь лучше уделить время обучению чему-то новому, нежели редактированию старого "мертвого" проекта, на который мало кто посмотрит))
    Ответ написан
    Комментировать
  • Почему return не возвращает значение?

    ZhenyaMak
    @ZhenyaMak
    Писать качественный софт? Пфф, это не для меня.
    А куда он должен возвращать его? И как вне теле функции вы написали консоль лог с неизвестной переменной то?

    Вы создали внутри функции ЛОКАЛЬНУЮ переменную
    Ответ написан
    Комментировать
  • Почему return не возвращает значение?

    alexey-m-ukolov
    @alexey-m-ukolov Куратор тега JavaScript
    let makeItDouble = (text) => {
      let i = text + text;
      return i;
    };
    
    console.log(makeItDouble("I never look back"));
    Return всё прекрасно возвращает. Но то, что он возвращает, нужно сохранять в переменную или использовать сразу. Переменная i находится внутри функции и снаружи недоступна. Если бы можно было делать так, как вы написали, то и смысла в return бы не было.
    Ответ написан
    Комментировать
  • Почему не работает поиск по классу?

    Mike_Ro
    @Mike_Ro Куратор тега JavaScript
    Python, JS, WordPress, SEO, Bots, Adversting
    Что возвращает метод getElementsByClassName()?

    console.log(document.getElementsByClassName('child2')) // HTMLCollection

    Какому элемент Вы собрались изменять текст (textContent), если там целая html коллекция?

    Вначале, необходимо обойти коллекцию, одним из способов ниже:
    // old
    Array.from(document.getElementsByClassName('child2')).forEach((el) => {
        el.textContent = 'Измененная строка 2';
    });
    
    // new
    document.querySelectorAll('.child2').forEach((el) => {
      el.textContent = 'Измененная строка 2';
    });
    Ответ написан
    Комментировать
  • Почему не работает поиск по классу?

    NikFaraday
    @NikFaraday
    Student full-stack Developer
    Обратите внимание, что есть методы который .getElemtByX(), а есть .getElemtsByX(). Логично предположить, что .getElements() будет возвращать вам массив элементов, по этому эта строка у вас и не работает:

    document.getElementsByClassName('child2').textContent = 'Измененная строка 2'; // не работает!
    Ответ написан
    5 комментариев
  • Как лучше загрузить сайт на React на GitHub для доказательства, что он действительно на React?

    Mike_Ro
    @Mike_Ro
    Python, JS, WordPress, SEO, Bots, Adversting
    этот вопрос у меня относится к удобству чтения кода и просмотра сайта другими пользователями, чтобы они удостоверились в разработке на React.

    В репу заливается весь проект, исключая зависимости, так, чтобы можно было скопировать проект себе на локалку, поставить зависимости и:
    - Запустить в режиме разработки одной командой.
    - Собрать проект одной командой.
    - Выполнить тесты одной командой.

    Либо, чтобы из репы можно было скопировать лишь dist/ и сразу опубликовать это как приложение в любом месте, без дополнительных команд.
    От такого способа не будет видно, что применялся Реакт?

    Слепой не увидит ничего, в остальном - все чекается на раз-два.

    Рекомендую изучить крупные репы и обратить внимание на то, что там в рамках одной репы имеются исходники (src), сборки разных видов (dist/build), опубликованы все необходимые команды так, чтобы даже не зрячая обезьянка могла скопировать и выполнить эту команду, чтобы получить желаемый результат.
    Ответ написан
    1 комментарий
  • Как добавить изображение в Wordpress в формате avif или webp так, чтобы оригинал, если они не отобразятся, загрузился как запасной вариант?

    @Refguser
    Решения для бизнеса: от создания ИМ до...
    Если хостинг "не поддерживает" (не имеет нужного ПО), то ничего не поможет.
    Либо использую хостинг, где это есть, либо бери ВПС и настраивай как тебе нужно.


    Пример такой ошибки - плагин Converter for Media, текст ошибки: "Ошибка конфигурации сервера. Похоже, что запросы изображений вашего сайта обрабатываются сервером Nginx в обход Apache".

    А в этом случае может помочь отключить обработку статики (всей или частично) Nginx-сом. Если это позволят настройки сервера.
    Только зло это.

    ЗЫ, А вообще этот гугломусор нафик не нужен. Лучше научиться оптимизировать jpg.
    Ответ написан
    6 комментариев
  • Как убрать спам с сайта?

    Mike_Ro
    @Mike_Ro Куратор тега WordPress
    Python, JS, WordPress, SEO, Bots, Adversting
    Переводите сайт на https.

    Провайдер интернета может встраивать рекламу на сайты без HTTPS из за отсутствия шифрования данных, передаваемых между пользователем и сайтом. Это позволяет провайдеру легко модифицировать трафик, вставляя в него рекламные баннеры или сообщения.
    Ответ написан
    Комментировать
  • Как убрать спам с сайта?

    @Refguser
    Решения для бизнеса: от создания ИМ до...
    Это не "в wordpress", а твой провайдер вставляет. В любой незащищённый трафик.
    Можешь писать ему заявление чтобы прекратил это делать.
    А для сайта можешь выпустить ssl-сертификат и перевести его на "безлопастный" протокол (https).
    Ответ написан
    2 комментария
  • Почему верстальщики обычно вырезают круглую картинку квадратом?

    ThunderCat
    @ThunderCat
    {PHP, MySql, HTML, JS, CSS} developer
    1) Круглые картинки без фона - это либо пнг, либо вебп (думаю неприменимость формата гиф очевидна и так). Не все картинки хорошо смотрятся в пнг и не все браузеры полностью поддерживают вебп.

    2) Цсс такая штука, специально придуманная для того, чтобы если завтра мода на круглое сменится модой на квадратное, то "легким движением руки брюки превращаются в элегантные шорты". И для этого не понадобится перепердоливать стотыщь картинок обратно в квадраты.

    3) В обратную сторону так же работает - для смены дизайна с квадрата на круг достаточно просто скруглить углы контейнера.

    4) Сделать тумб с "круглым видом" программно сложнее чем с квадратным.

    5) Артефакты при нарезке из квадратного в круглое смотрятся хуже, чем, по сути, векторная маска, наложенная на цельное квадратное изображение.

    Короче, не зря делают.

    PS: На дом - научиться самостоятельно искать аргументы в пользу / против какого-либо замеченного технологического приема.
    Ответ написан
    1 комментарий
  • Как изменить текст кнопки при нажатии на другую?

    noder_ss
    @noder_ss
    Линуксоид-энтузиаст и SQL разработчик
    Так?
    Ответ написан
    Комментировать
  • Почему не работают стили?

    Если вы пишите стили в одном файле с html-разметкой, то их нужно обрамлять в тег <style></style>
    Если у вас стили вынесены в отдельный файл, то я не вижу где вы подключаете файл стилей:
    <link rel="stylesheet" href="style.css">
    Ответ написан
    Комментировать
  • Каким способом можно отобразить страницы сайта в shtml-формате на github pages?

    razrab228
    @razrab228
    зачем тебе знать это?
    используйте iframe для подключения изменяемых страниц
    Ответ написан
    1 комментарий
  • Каким способом можно отобразить страницы сайта в shtml-формате на github pages?

    yarkov
    @yarkov
    Помог ответ? Отметь решением.
    А вы документацией почему побрезговали? Github pages только для статики подходит.
    Ответ написан
    3 комментария
  • Какие файлы должны быть на гитхабе?

    JRK_DV
    @JRK_DV
    Рецепты https://codepen.io/jrkdv/full/LKLXdq
    по структуре проекта, каждому своё, например:
    /public/ - тут скомпилированный проект (нужна только для github pages)
    /source/ - тут проект в исходном виде (less, html, js, fonts, img, ... - всё из чего компилируется проект)
    readme.md - описание репозитория
    index.html - тут можно редирект сделать в папку public или оставить карту верстки (если страниц много)
    Ответ написан
    1 комментарий
  • Как сделать переход к якорю, если шапка закрывает?

    @trofimovdev
    Python
    Вот вам готовый скрипт на JQuery.
    $(document).ready(function() {
    	$("a.scrollto").click(function () {
    		elementClick = $(this).attr("href")
    		destination = $(elementClick).offset().top;
    		$("html:not(:animated),body:not(:animated)").animate({scrollTop: destination - *высота шапки*}, 1100);
    		return false;
    	});
    });

    Для того, чтобы ссылка была "со скроллом" нужно добавить ей класс scrollto
    Также не забудьте указать высоту шапки и время прокрутки (по умолчанию 1100мс)
    Ответ написан
    4 комментария
  • Почему не меняются стили в Wordpress?

    Nisterio
    @Nisterio
    Верстаю ;)
    Почему то такую проблему наблюдаю с темами, которые устанавливал в последние 2-3 месяца. Редактирование любого, из включенных в тему файлов, не приносит результата.

    Причина в том, что они как то завязаны на версии самого файла css.

    Решается все установкой плагина, добавляющего собственный файл стилей. В моем случае - Simple Custom CSS.
    Ответ написан
    Комментировать