Какие + и - вы заметили при верстке с помощью Bootstrap

Автор Тема: Какие + и - вы заметили при верстке с помощью Bootstrap  (Прочитано 3181 раз)

Оффлайн Alf91Автор темы

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 52
  • Сообщений: 517
  • Карма: 4
  • Пол: Мужской
  • Лучше сделать и показать, чем 100 раз рассказать!
  • Награды SEO-специалист
    • Просмотр профиля

Оффлайн Alf91Автор темы

  • Ветеран
  • *****
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 52
    • Сообщений: 517
    • Карма: 4
    • Пол: Мужской
    • Лучше сделать и показать, чем 100 раз рассказать!
    • Награды SEO-специалист
      • Просмотр профиля
Все больше и больше людей начинают писать о Bootstrap, появляются шаблоны и тд и тд
Хочу начать изучать.

Вы уже верстаете с помощью Bootstrap  и какие + - были замечены?
Интегрировали ли в CMS?


Оффлайн Haosame

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 65
  • Сообщений: 88
  • Карма: 12
  • Пол: Женский
  • Путь в тысячу ли начинается с первого шага.
    • Просмотр профиля
    • Блог web-программиста

Оффлайн Haosame

  • Пользователь
  • **
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 65
    • Сообщений: 88
    • Карма: 12
    • Пол: Женский
    • Путь в тысячу ли начинается с первого шага.
      • Просмотр профиля
      • Блог web-программиста
Довелось поверстать на bootstrap'e. Скажу что получилось очень быстро и просто для человека(т.е. меня) который до этого верстку знал на уровне правки цвета и отступов в уже готовых файлов. Порог вхождения очень низкий, код получается чистый и валидный, а файлы стилей можно сильно минимизировать (имею ввиду что можно использовать не весь фреймворк, а выбрать только необходимые вещи).

В CMS чего только не интегрировала. В этом вопросе разницы между Bootstrap, Foundation, BEM и чистого CSS нет вообще.

Оффлайн Kik84

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 62
  • Сообщений: 346
  • Карма: 5
    • Просмотр профиля

Оффлайн Kik84

  • Старожил
  • ****
Мб я еще просто левел на апнул, но мне проще, например сайт для ресторана сверстать с нуля и адаптивку через @media наваять, чтобы в итоге получить максимум 1000 "своих" строчек в css, чем вникать в тонны стилей Bootstrap, когда одно начинаешь править, а другое ползет)

Оффлайн kassangra

  • Бизнес оценка: (0)
  • Рекрут
  • *
  • СПАСИБО: 15
  • Сообщений: 32
  • Карма: 3
    • Просмотр профиля

Оффлайн kassangra

  • Рекрут
  • *
Плюсы:
- Быстрота создания адаптива (я часто использую только голую сетку)
- Хорошие, приятные стили в целом
- Код можно оптимизировать и кастомизировать до бесконечности, делать свои сборки, при особом желании можно даже в изначальный sass/less вносить свои изменения

Минусы:
- Если не вносить свои изменения в дизайн элементов и бездумно пихать стандартные, то сайт очень шаблонный
- Если не кастомизировать под себя и брать "весь пакет", то много лишнего и ненужного барахла будет в файлах

Иногда проще сделать все своими стилями, а иногда подключить БС и пользоваться классами. Все зависит от проекта. Сайт-визитка на три страницы лучше делать своими стилями и небольшими библиотеками для типографики, форм и .т.д (если тредуется), а для большого адаптивного портала с 20 шаблонами лучше не писать свой велосипед и взять любой готовый фронт-енд-фреймворк

Оффлайн Alf91Автор темы

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 52
  • Сообщений: 517
  • Карма: 4
  • Пол: Мужской
  • Лучше сделать и показать, чем 100 раз рассказать!
  • Награды SEO-специалист
    • Просмотр профиля

Оффлайн Alf91Автор темы

  • Ветеран
  • *****
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 52
    • Сообщений: 517
    • Карма: 4
    • Пол: Мужской
    • Лучше сделать и показать, чем 100 раз рассказать!
    • Награды SEO-специалист
      • Просмотр профиля
Плюсы:
- Быстрота создания адаптива (я часто использую только голую сетку)
- Хорошие, приятные стили в целом
- Код можно оптимизировать и кастомизировать до бесконечности, делать свои сборки, при особом желании можно даже в изначальный sass/less вносить свои изменения

Минусы:
- Если не вносить свои изменения в дизайн элементов и бездумно пихать стандартные, то сайт очень шаблонный
- Если не кастомизировать под себя и брать "весь пакет", то много лишнего и ненужного барахла будет в файлах

Иногда проще сделать все своими стилями, а иногда подключить БС и пользоваться классами. Все зависит от проекта. Сайт-визитка на три страницы лучше делать своими стилями и небольшими библиотеками для типографики, форм и .т.д (если тредуется), а для большого адаптивного портала с 20 шаблонами лучше не писать свой велосипед и взять любой готовый фронт-енд-фреймворк

Спасибо за широкий ответ, получается можно для скелета использовать BS, для дополнительного оформления создать свой css и там уже наводить красоту?


Оффлайн M-A-X

  • Бизнес оценка: (0)
  • Рекрут
  • *
  • СПАСИБО: 1
  • Сообщений: 17
  • Карма: 0
    • Просмотр профиля

Оффлайн M-A-X

  • Рекрут
  • *
Мне больше нравится BEM, ты сам контролируешь процесс.

А тут нужно подстраиваться под чужие стили, в итоге много дишнего мусора нужно тягать.

Подходит для базовых вещей.

Кроме пиксельных величин, я бы на него больше ничего не вешал.

Оффлайн Clever

  • Бизнес оценка: (7, 100%)
  • Ветеран
  • *****
  • СПАСИБО: 493
  • Сообщений: 964
  • Карма: 86
  • Пол: Мужской
  • Награды КМС поисковой оптимизации
    • Просмотр профиля

Оффлайн Clever

  • Ветеран
  • *****
Мб я еще просто левел на апнул, но мне проще, например сайт для ресторана сверстать с нуля и адаптивку через @media наваять, чтобы в итоге получить максимум 1000 "своих" строчек в css, чем вникать в тонны стилей Bootstrap, когда одно начинаешь править, а другое ползет)

Тоже так считаю. Свой код намного лучше

Оффлайн kassangra

  • Бизнес оценка: (0)
  • Рекрут
  • *
  • СПАСИБО: 15
  • Сообщений: 32
  • Карма: 3
    • Просмотр профиля

Оффлайн kassangra

  • Рекрут
  • *
Спасибо за широкий ответ, получается можно для скелета использовать BS, для дополнительного оформления создать свой css и там уже наводить красоту?

БС можно хорошо кастомизировать, все "модули" там автономны. Нужна сетка - бери сетку, нужны формы - бери формы и т.д. Остальное руками, если требуется. Ну и естественно никто не воспрещает все это самому менять. Как быстрый старт и помощь в разработки такие фреймвоки хороши. Когда нужно "пиксель перфект" и четкое соответствие каким-то другим стандартам лучше использовать другие методики. В конце концов на БС как фронт-енд-фреймворке свет клином не сошелся, одних только генераторов макетных сеток (в том числе адаптивных) я сходу могу назвать полдюжины минимум

Оффлайн DmitriyM

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 73
  • Сообщений: 321
  • Карма: 13
    • Просмотр профиля

Оффлайн DmitriyM

  • Старожил
  • ****
Одних только генераторов макетных сеток (в том числе адаптивных) я сходу могу назвать полдюжины минимум

А можете назвать? Просто любопытно. Желательно с ссылками  :)


Оффлайн kassangra

  • Бизнес оценка: (0)
  • Рекрут
  • *
  • СПАСИБО: 15
  • Сообщений: 32
  • Карма: 3
    • Просмотр профиля

Оффлайн kassangra

  • Рекрут
  • *
А можете назвать? Просто любопытно. Желательно с ссылками

Пожалуйста :)
Foundation: http://foundation.zurb.com/ - "конкурент" БС как фреймворк, но у Зурба всего два состояния адаптива (если не ошибаюсь, пару лет назад было так)
Grid 960: http://960.gs/ - адаптива лет, но есть резина и фикс. Один из первых (если не первый) генератор. Пользуюсь им если нужна простая как грабли резиновая или фиксированная сетка
http://gridpak.com/ - много настроек, появился уже довольно давно как один из первых "адаптивных" генераторов
http://getskeleton.com/ - у фрейворка довольно простенькая минимальная сетка с интересными названиями колонок
http://www.tinyfluidgrid.com/ - не адаптив, но настраиваемая резина
http://www.blueprintcss.org/ - олдовый фреймвок с сеткой

Надо больше? Их действительно много
https://www.google.com/search?q=grid+generator (45 млн. результатов) или https://www.google.com/search?q=responsive+grid+generator (более 400 тыс. результатов)


 

Похожие темы

  Тема / Автор Ответов Последний ответ
13 Ответов
2667 Просмотров
Последний ответ 22-10-2012, 19:15:51
от shurik74
2 Ответов
2048 Просмотров
Последний ответ 29-07-2014, 15:10:37
от ops
2 Ответов
1040 Просмотров
Последний ответ 10-11-2014, 17:03:21
от VladChV
17 Ответов
5191 Просмотров
Последний ответ 28-12-2015, 22:24:03
от staslav
3 Ответов
762 Просмотров
Последний ответ 24-05-2016, 19:41:07
от alin231