• Правильно ли я верстаю?

    @coverme
    Нет,не верно.
    1.У тебя весь сайт лежит в теге <header> .Логично же,что хедер должен быть только меню+лого в твоём варианте.В общем,тег хедера должен был закрыться перед этим- <div class="box">
    2.Сайт не адаптивен,лучше используй фреймворк
    3.Начни с структуры хтмл документа,так как у тебя изначально всё не так как должно быть.
    4.Использование непонятно каких механик,у тебя банально сделаны отступы в меню прозрачным бордером:
    border-top: 8.5px solid transparent;
        border-bottom: 8.5px solid transparent;
        border-left: 20.505px solid transparent;
        border-right: 20.505px solid transparent;

    Зачем это?
    Ну и прочие ошибки...
    Ответ написан
    Комментировать
  • Зачем нужен Gulp?

    @artinnok
    бекенд-программист
    CSS и JS:
    К примеру, у вас имеется большое количество (Х штук) css или js файлов, которое вы подключаете на своих страницах посредством тэгов <link> и <src>.
    При загрузке страницы, браузер клиента будет отправлять X запросов к вашему серверу, а ваш сервер должен будет ответить на X запросов.
    Это:
    1. Тормозит загрузку страницы - будете ждать ответа от сервера
    2. Загружает ваш сервер

    С помощью сборщиков фронтэнда вы можете "склеить" все файлы в один - main.css и main.js, которые будут отдаваться 2 запросами с сервера. Также, вы сможете минифицировать CSS и JS. Под минификацией подразумевается уменьшение размеров файла на диске. Естественно, более легкий файлы будет быстрее прогружаться + минимальное количество запросов к серверу.

    IMG:
    К примеру, у вас имеется Х изображений размером 700 Кбайт. Клиенту надо будет загрузить 700 * X Кбайт. Если вы пропустите свои изображения через Gulp, то вы получите изображения с меньшим размером на диске и такого же качества, т.е. клиенту придется прогрузить примерно (500-600) * X Кбайт.
    Ответ написан
    1 комментарий