• Подключение css в MVC системе на PHP?

    FanatPHP
    @FanatPHP
    Чебуратор тега РНР
    Используйте нормальный шаблонизатор, Twig.

    Сначала делааете главный шаблон сайта и в нем определяете изменяемые блоки. Самый главный, разумеется, будет пустой блок контент - то, куда пойдет вывод отдельных страниц.
    Также делаете блоки для скриптов и стилей.
    Общие стили сайта определяете в блоке стилей.
    Дальше делаете шаблоны для конкретных страниц, которые наследуют главному шаблону, и в которых заполняется блок контент.
    При этом блок стилей расширяется стилями, нужными конкретно для этой страницы.

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

    Я понимаю что без примера сложно.
    Вот простейший пример того, о чем я писал выше:

    main.twig.html
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
    {% block stylesheets %}
        <link href="/css/main.css" rel="stylesheet">
    {% endblock %}
            <title>{% block title %}Twig Example{% endblock %}</title>
        </head>
        <body>
            {% block content %}{% endblock %}
        </body>
    </html>

    index.twig.html
    {% extends "main.twig.html" %}
    
    {% block content %}
    <h1> index page </h1>
    <li><a href=/page1.php>Page 1</a>
    <li><a href=/page2.php>Page 2</a>
    {% endblock %}

    page1.twig.html
    {% extends "main.twig.html" %}
    
    {% block stylesheets %}
        {{ parent() }}
        <link href="/css/page1.css" rel="stylesheet">
    {% endblock %}
    
    {% block title %}Page 1{% endblock %}
    
    {% block content %}
    <h1> page 1</h1>
    <li><a href=index.php>index</a>
    {% endblock %}
    Ответ написан
    Комментировать
  • Как сделать кнопку-переключатель и блок выбора тарифов?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Список необходимых библиотек:
    1. html
    2. css
    3. js
    Ответ написан
    Комментировать
  • Насколько удобен линукс для верстальщика?

    @noscriptt
    Сижу на NIX уже больше лет 7. Система мне нравится, все ок. Что до верстки... Фотошоп мне как-то не очень зашёл, использую купленный avocode. Сейчас использую на работе - xubuntu, дома - gentoo. И там и там xfce4. Выглядеть не очень эстетично если в расчет брать 10-ку. По поводу виндовозных программ - там есть wine, если сильно заморочиться надо. 4гб оперативки это уже смешно прям. Хотя бы i3 и хотя бы 8 оперативы, это уже куда не шло.
    Ответ написан
    Комментировать
  • Насколько удобен линукс для верстальщика?

    @Giperoglif
    4гб явно мало. я не верстальщик, но открытый phpStorm + пара браузеров и 4ГБ как не бывало.
    работаю на линухе потому что единая с продакшеном экосистема, да и привык уже.
    Ответ написан
    Комментировать
  • Насколько удобен линукс для верстальщика?

    @kekusinkay
    Может мне повезло, но я девять лет на линуксе, из них года четыре занимаюсь вёрсткой.
    С драйверами проблем никогда не было, интерфейс заметно отзывчивее, чем в 8й Винде (10ку не пробовал). В качестве редактора кода Visual studio code или Netbeans. С макетами работаю в Avocode. Для Сафари стоит виртуалка с макосью (других вариантов не придумал). 4гб, конечно, маловато будет, но если без виртуалки, то терпимо. Сейчас linux mint 19.2 использую.
    Ответ написан
    3 комментария
  • Насколько удобен линукс для верстальщика?

    @kuftachev
    В Вашем условии нерешаемая проблема - это Photoshop. Но сейчас многие делают дизайн в Figma.

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

    То, что тут написали против Linux, или пробовали его лет 5-10 назад, или просто от кого-то слышали.
    Ответ написан
    7 комментариев
  • Вывод предупреждения, что для работы собственного плагина необходимо наличие плагина стороннего. Как реализовать?

    OtshelnikFm
    @OtshelnikFm Куратор тега WordPress
    Обо мне расскажет yawncato.com
    function_exists || class_exists || is_plugin_active
    + admin_notices
    Ответ написан
    Комментировать
  • Что из себя представляет SEO в 2019 году?

    Zoominger
    @Zoominger
    System Integrator
    Это упорядоченный, повсеместно распространённый культ Карго, при котором «специалист» выполняет определенного рода действия, рекомендованные абсолютно маргинальными источниками, не основанными на каком-либо авторитетном исследовании, совершенно не понимая сути выполняемых действий и не осознавая полную бессмысленность проводимых операций.

    Я не шучу.
    Ответ написан
    6 комментариев
  • Можно скопировать страницы сайта?

    @lagudal
    Не просто можно, а нужно - тем более, если в дальнейшем планируется посадка на cms: как то трудно представляются себе страницы с одинаковым поведением но живущие при этом каждая своей жизнью, со своими классами, ид и тд... если вы еще не работаете с html-шаблонизаторами, попробуйте, потом не сможете без них... я сам не так давно опробовал pug, сейчас уже не понимаю, как раньше обходился без него... вообще как бы сейчас шаблонизаторы здорово облегчают жизнь верстальщика.
    Ответ написан
    Комментировать
  • Как сверстать такое обтекание?

    LenovoId
    @LenovoId
    svg, css,js
    сам же сказал "обтекание" т.е float
    Ответ написан
    1 комментарий
  • Как верстать подобные макеты?

    Gorky
    @Gorky
    Веб-разработчик
    Если для лендоса, то просто найди скрипт подходящий. Гугли что-то вроде "постраничная прокрутка". Мы делали клиенту вот такую заглушку arbel.tax использовали https://alvarotrigo.com/fullPage/ а вообще их немало разных.
    Ответ написан
    Комментировать
  • Как правильно размещать текст или изображения по центру блока?

    @Mysianio
    вайти в айти
    Все верно
    В 2019 году грех не пользоваться flexbox или grid, все актуальные браузеры поддерживают их, по этому можете смело пользоваться.
    Ответ написан
    1 комментарий
  • Как сделать эффект cover для video html 5?

    Chefranov
    @Chefranov
    Новичок
    Ответ написан
    Комментировать
  • Стратегия разбиения верстки на блоки?

    KornevaViktoria
    @KornevaViktoria
    Frontend Developer
    .header
             
    .header__action (обертка для кнопки с маджинами и тд)
        .action.action--buy (кнопка + модификтор (кнопка "купить"))
             
    .header__menu (для стилизации меню для этого блока)
        .menu (меню, которое может использоваться хоть где на сайте)
    Ответ написан
    Комментировать
  • Почему повреждается style.css в wordpress?

    @Dubrovin
    Возможно, проблема в кодировке исходников, проверьте, чтобы все файлы были в UTF-8 без BOM
    Ответ написан
    1 комментарий
  • Как объединить ячейки строки таблицы в один элемент для применения им свойства css?

    @monkart
    Привет, попробуй объединить ячейки с помощью colspan, применить к этой ячейке стиль, а внутри объединенной ячейки создай еще одну таблицу в которой снова создай нужные столбцы.

    Не знаю как среагирует свойство на объеденные ячейки, возможно прокатит, надеюсь идею понял :)
    Ответ написан
    Комментировать
  • Как правило, при подключении шрифтов достаточно woff и ttf?

    @archelon
    woff и woff2
    ttf не нужен
    https://transfonter.org/formats#browser-support
    Ответ написан
    Комментировать
  • JavaScript. Как сделать что бы скрипт работал при определенном стиле css?

    @GreatRash
    if (window.matchMedia("(min-width: 400px)").matches) {
      /* ширина окна больше или равна 400 */
    } else {
      /* ширина окна меньше 400 */
    }
    Ответ написан
    Комментировать
  • Разработка в Windows 10 под Linux с Docker?

    @grinat
    В разработке под пхп онли проблем не будет.

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

    В виндовс есть более серьезные проблемы, например нет поддержки fs.notify, то есть хот релоад в гоу/js/любой другой язык, работать не будут. Докер требует включенные hyper-v, эмулятор андроид студии требует его выключить(а для этого нужна перезагрузка), то есть под виндой адекватно развернуть бэк в докере и смотреть результат в симуляторе не выйдет, есть правда решение в лице отстойного симулятора от микрософта. Геморрой с ресурсами, если есть какой-то хорошо жрущий контейнер, хрен настроишь его работу. Разные специфичные имеджи с докер хаба тоже работать не будут либо будут выдавать странные ошибки.

    Касательно отказа от винды, я последний раз винду запускал года полтора тому назад. Популярные игры прекрасно работают и под линукс, если игра есть под мак, она с вероятностью 90% будет и под линукс. Если так сильно винда нужна, то есть вайн либо можно виртуалку поднять.
    Ответ написан
    Комментировать
  • В чем смысл bootstrap'a и его аналогов?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    Я если и использую bootstrap (что бывает очень редко), то создаю свой каркас в html, и уже через стили импорчу нужные bootstrap'овские классы
    .catalog-item {
        @include make-col(2);
    }

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