Почти 2 года назад моя тяга к попыткам самостоятельно завёрстывать шаблоны для сайтов привела к изучению Bootstrap. Получилось случайно — я просто узнал, что учить там ничего не нужно, просто открываешь документацию и верстаешь. Понравилось так сильно, что сделал себе на третьей версии фреймворка шаблон для banochkin.com.
Шло время, я всё лучше осваивал Bootstrap и изучал другие фреймворки. Быстро начал видеть глупые ошибки в шаблоне на сайте, допущенные по неопытности. Накопил список с правками, но делать их всё как-то не было времени.
И вот, уже даже зарелизился Bootstrap 4, а я пару недель назад так сильно хотел поверстать. Результат перед вами.
За ~5 часов сделал основные странички на html, неделю натягивал на WordPress, ещё ~7 дней пилил мелкий функционал внутри темы. Так долго, так как тратил максимум по часу в день на шаблон. И вот, можно официально публиковать пост. Пусть в этот понедельник будет день релиза. Ура!
Чейнджлог не вёл, но вот изменения, которые запомнил:
- Более аккуратная вёрстка блога. Раньше чего-то не хватало, сейчас самому нравится.
- Первая версия портфолио. Не всё доделал, заполнение хромает на обе лапки, но этож ver 1.0, как по другому?
- Шапка с заголовком поста теперь выглядит модно и современно + сразу видно кнопочки постинга в социальные сети.
- Начал публиковать посадки под услуги, вроде seo и создания сайтов. С минимальным контентом, эх.
- В целом нет косяков с адаптивностью, все блоки продуманы, сайт отлично читается даже с экрана старой Нокии.
Много чего ещё не допилил, о чём сообщает дисклеймер в сайдбаре, но тут есть 2 гендера:
- Сырой шаблон на рабочем сайте, который постоянно дорабатывается.
- Сырой шаблон на localhost, который постоянно дорабатывается.
Первый вариант хоть работать будет, его и выбрал.
Отзыв о Bootstrap 4
Если в целом и кратко — заебись! Был в восторге, когда открыл для себя третью версию, четвёртая оказалась приятней. Всё работает на flex’ах, отлично смотрится в современных браузерах, ничего не едет и быстро работает. Процесс вёрстки — одно удовольствие.
Вижу, как матёрые мужики-фронтендеры (феминистки — привет!) уже бегут в комментарии пояснить мне, что использовать фреймворки не круто, это замедляет загрузку сайта и «да я парой строк в css весь функционал твоего Бутстрапа сам пишу каждый раз, на память, кроссбраузерно». Но я уже поборол в себе перфекциониста, желающего сэкономить каждый байт, и активно пользуюсь готовыми наработками. Ведь:
- С готовой сеткой, отступами и стилями верстать намного быстрее;
- Это точно более кроссбраузерно, чем поделка вашего фронтендера, верстающего через «!important» в каждом свойстве;
- Меньше багов, так как протестировано сотнями-тысячами разработчиков;
- Много готовых дополнений;
- Добавьте свой плюс.
Только непонятно зачем поменяли img-responsive на img-fluid. А остальное — огонь!
Пока в ридере палят годные статы я сижу и пишу про css-фреймворк. Где-то я повернул не туда.
А вы какие фреймворки используете? Что рекомендуете и любите?