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

Плюсануть
Поделиться

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

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

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

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

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

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

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

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

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

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

Отзыв о Bootstrap 4

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

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

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

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

Пока в ридере палят годные статы я сижу и пишу про css-фреймворк. Где-то я повернул не туда.

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

Сделать хорошо

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

Плюсануть
Поделиться

Спасибо.

Опубликовано: 21 Май, 2018 | Метки: , , , ,
Комментарии