Верстка

Gulp. Сборка проектов

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

Уже несколько лет я в своей работе использую task runner – Gulp. Мне кажется это наилучший выбор, хотя это конечно дело вкуса :).

Каждый верстальщик немного по своему формирует конфигурацию Gulp в зависимости от набора инструментов, которыми он пользуется. Идеального или супер универсального варианта настройки наверное и нет. Представляю мои варианты настройки этого замечательного инструмента:

  1. 1. Frontend Builder (HTML) – вариант для стандартной работы с js, css, html (SASS, JSHint и т. д. ), в нем есть так же сборщики svg и png спрайтов, данный  вариант можно назвать классическим :);
  2. 2. Frontend Builder (PUG) – вариант похожий на предыдущий с одним отличием в нем используется шаблонизатор html файлов – Pug;
  3. 3. Frontend Builder (WordPress) – вариант для создания тем для сайтов на WordPress, представляет из себя набор стандартных файлов-заготовок.

HTML5. Базовый шаблон проекта

В данном посте представлен базовый шаблон html страницы, который можно использовать для верстки нового сайта. В нем учтены все типовые элементы, необходимы для создания современной веб-страницы. Вы также можете скачать данный шаблон с GitHub или Bitbuket и использовать в своей работе.
Узнать больше

Прилипающий к низу Подвал

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

Узнать больше

Коллекция реализаций CSS Reset

Верстка страницы начинается с такого неотъемлемого набора правил как CSS Reset и я решил начать свой блог именно с освещения этой темы.

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

Узнать больше