Обновился до Bootstrap 4

Почти 2 года назад моя тяга к попыткам самостоятельно завёрстывать шаблоны для сайтов привела к изучению Bootstrap. Получилось случайно — я просто узнал, что учить там ничего не нужно, просто открываешь документацию и верстаешь. Понравилось так сильно, что сделал себе на третьей версии фреймворка шаблон для banochkin.com.

Шло время, я всё лучше осваивал Bootstrap и изучал другие фреймворки. Быстро начал видеть глупые ошибки в шаблоне на сайте, допущенные по неопытности. Накопил список с правками, но делать их всё как-то не было времени.

И вот, уже даже зарелизился Bootstrap 4, а я пару недель назад так сильно хотел поверстать. Результат перед вами.

За ~5 часов сделал основные странички на html, неделю натягивал на WordPress, ещё ~7 дней пилил мелкий функционал внутри темы. Так долго, так как тратил максимум по часу в день на шаблон. И вот, можно официально публиковать пост. Пусть в этот понедельник будет день релиза. Ура!

Чейнджлог не вёл, но вот изменения, которые запомнил:

• Более аккуратная вёрстка блога. Раньше чего-то не хватало, сейчас самому нравится.
• Первая версия портфолио. Не всё доделал, заполнение хромает на обе лапки, но этож ver 1.0, как по другому?
• Шапка с заголовком поста теперь выглядит модно и современно + сразу видно кнопочки постинга в социальные сети.
• Начал публиковать посадки под услуги, вроде seo и создания сайтов. С минимальным контентом, эх.
• В целом нет косяков с адаптивностью, все блоки продуманы, сайт отлично читается даже с экрана старой Нокии.

Много чего ещё не допилил, о чём сообщает дисклеймер в сайдбаре, но тут есть 2 гендера:

1. Сырой шаблон на рабочем сайте, который постоянно дорабатывается.
2. Сырой шаблон на localhost, который постоянно дорабатывается.

Первый вариант хоть работать будет, его и выбрал.

Отзыв о Bootstrap 4

Если в целом и кратко — заебись! Был в восторге, когда открыл для себя третью версию, четвёртая оказалась приятней. Всё работает на flex’ах, отлично смотрится в современных браузерах, ничего не едет и быстро работает. Процесс вёрстки — одно удовольствие.

Вижу, как матёрые мужики-фронтендеры (феминистки — привет!) уже бегут в комментарии пояснить мне, что использовать фреймворки не круто, это замедляет загрузку сайта и «да я парой строк в css весь функционал твоего Бутстрапа сам пишу каждый раз, на память, кроссбраузерно». Но я уже поборол в себе перфекциониста, желающего сэкономить каждый байт, и активно пользуюсь готовыми наработками. Ведь:

• С готовой сеткой, отступами и стилями верстать намного быстрее;
• Это точно более кроссбраузерно, чем поделка вашего фронтендера, верстающего через «!important» в каждом свойстве;
• Меньше багов, так как протестировано сотнями-тысячами разработчиков;
• Много готовых дополнений;
• Добавьте свой плюс.

Только непонятно зачем поменяли img-responsive на img-fluid. А остальное — огонь!

А вы какие фреймворки используете? Что рекомендуете и любите?