Ответы пользователя по тегу Вёрстка
  • Как убрать скролл?

    mrerberg
    @mrerberg
    Yep
    .testimonials {
    overflow: hidden;
    }

    Полоса прокрутки появляется из-за псевдоэлемента before, у которого назначена ширина 200%. Поставьте 100%, это решит проблему.
    Ответ написан
    Комментировать
  • Каким образом происходит передача работы заказчику?

    mrerberg
    @mrerberg
    Yep
    Добрый вечер, коллега)

    Как бы вы не выполнили работу (все делали руками или использовали в вашей работе сборщики gulp, grunt), в конечном итоге у вас есть build папка (в которой храниться итог вашей, собственно, работы).

    Дальше есть два варианта развития событий:
    1) Если от вас требуется только верстка, то вы просто передаете заказчику эту папочку, предварительно воспользовавшись архиватором.
    2) Если от вас требуется выкатить сайт на сервер, то вы ищите любой хостинг (к примеру, https://timeweb.com/ru/). Регистрируетесь (используйте данные заказчика, если в дальнейшем не собираетесь вести сайт и поддерживать его) и покупаете на том же хостинге доменное имя, которое вы привязываете к сайту. Потом вам прийдет письмо с данными, по которым вы можете присоединиться к серверу (для выгрузки сайта) и эта информация будет продублирована в личном кабинете. Качаете любой файловый менеджер (FileZilla), вводите нужные данные, которые пришли от хоста (логин, пароль и адрес хоста) и, грубо говоря, перетягивайте в окно файлового менеджера все содержимое build папки. В корневую папку добавляете файл .htaccess (подробнее: https://www.nic.ru/help/fajl-htaccess-nastrojka-pe... с таким содержимым:

    DirectoryIndex index.html
    RewriteEngine on
    RewriteRule ^index.html$ / [QSA,R]
    RewriteBase /
    RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /([^.]+)\.html\ HTTP
    RewriteRule ^([^.]+)\.html$ https://topcarcleaning.ru/$1 [R=301,L]
    RewriteCond %{REQUEST_URI} !(\.[^./]+)$
    RewriteCond %{REQUEST_fileNAME} !-d
    RewriteCond %{REQUEST_fileNAME} !-f
    RewriteRule (.*) /$1.html [L]
    
    RewriteRule ^(.*)\$ $1.php [L]
    
    <files .htaccess="">
    order allow,deny
    deny from all
    </files>
    AddDefaultCharset utf-8
    AddType 'text/html; charset=utf-8' .html .htm .shtml


    И переходите на свой сайт по доменному имени)

    Если есть вопросы, то пишите, с удовольствием отвечу)
    Ответ написан
    Комментировать
  • Верстка с нуля: какие основные этапы работы?

    mrerberg
    @mrerberg
    Yep
    Mikhail @NooNoo
    Рубрика "Давай глянем,что там у нас есть". Я использую такие штуки в работе:
    Препроцессор: LESS
    Работа с макетами: PH или Sketch.
    Сборщик: Gulp
    Методология: БЭМ (но начал заглядываться на SMACSS)
    Консоль: консоль :D
    Место хранения репозитория: GitHub.

    1) Создаю репозиторий на гите.
    2) Создаю локально структуру проекта. (папки для картинок и тд).
    3) Открывают макет
    4) Создаю первые наброски в html (создаем классы по выбранной методологии), в голове держим,что mobile first. Подключаю основные фалы препроцессора (шрифты, глобальные стили, миксины, класс visually-hidden, переменные)
    5) Выстраиваю сетку. (flexbox или гриды)
    6) Начинаю стилизовать мобилку -> планшетную -> десктопную версию.
    7) Отшлифовка кода и поиск более рациональных решений, где это допустимо.
    8) Донастройка сборщика, который все в итоге соберет продакшен версию.

    Вкратце как-то так)
    Ответ написан
    2 комментария
  • Как создать красивый header на сайте?

    mrerberg
    @mrerberg
    Yep
    В теории,можно просто сделать такую картинку и поставить на фон хедера.
    Ответ написан
  • Как адаптировать данный блок по БЭМ?

    mrerberg
    @mrerberg
    Yep
    product-card,к примеру, для общего стиля блоков.

    product-card--newstyle -уникальный стиль для блока на конкретной странице
    Ответ написан
    Комментировать