Вы здесь

Использование Bootstrap для разработки адаптивных сайтов с уникальным дизайном

0

Добрый день.

Хочу проконсультироваться по следующему вопросу.

Например, есть заказчик, которому нужен качественный адаптивный сайт с уникальным дизайном. Заказчик вменяемый, готовый за это всё платить и т.д.

И вот вопрос. Насколько удобно использовать Bootstrap для этого ?

И есть ли у этого фреймворка какие-то серьезные недостатки, препятствующие его использованию в таком качестве ?

Организация работы предположительно такова.

Вариант 1. Есть уже готовый дизайн. Далее устанавливается тема Bootstrap, создается и настраивается дочерняя от неё тема. И сразу делается адаптация дизайна под эту тему.

Вариант 2. (если некому или не хочется заниматься непосредственно версткой) Есть уже готовый дизайн. Далее устанавливается тема Bootstrap, создается и настраивается дочерняя от неё тема. Верстка делается независимым верстальщиком, но с использованием Bootstrap. Далее эта верстка адаптируется под дочернюю от Bootstrap тему - при необходимости переназначаются разные *.tpl.php, прописываются препроцесс-функции в template.php и т.д.

Версия Drupal: 
7.x
Категория: 
Theming
Связанные проекты: 
Bootstrap
Вопрос задан 07.11.2015 - 09:31

Ответы

1

Мы замеряли как-то (давно правда в случае с бутстрапом), по времени создания получается больше, чем писать с нуля. Т.е. можно конечно, ничего не мешает, все можно переписать/переопределить, но в целом экономически не оправдано.

Ответ дан 07.11.2015 - 10:56

Ну а если делать адаптивную тему с нуля, но использовать средства адаптивной компоновки Bootstrap (стили controller, row, col-* и т.д.) - это ведь будет всё-таки быстрее, чем писать адаптивную тему с нуля, используя стандартные media-запросы CSS ?

Комментарий оставлен 07.11.2015 - 12:35

в том то и дело что нет, если сравнивать, например, с голым scss+susy.

Комментарий оставлен 07.11.2015 - 20:58

Статистически. Сайты одного типа:
1. отдавал разработчикам с однотипными требованиями, но на разном каркасе
2. верстал сам однотипные сайты с разной базой (сверить личные ожидания и наблюдаемые).

6-7 наблюдений, bootstrap проигрывает. Сорри, пока я не повторю (а я часто повторяю) замеры и бутстрап не будет выгоднее - как-то не хочется пользоваться)

Комментарий оставлен 09.11.2015 - 16:44
1

Как по мне, есть два варианта развития данного вопроса.

Всё далее — ИМХО.

  1. Пишем с нуля свою адаптивную сетку БЕЗ Bootstrap — да, морока в первое время (чтение актуальных на данный момент мануалов по адаптивности в основном). Но при этом, чистота кода, и не тянем неюзабельные фишки из Бутстрапа, которым потом всё равно придётся uset() делать. Также не идём по пути: 2 х theme = worked bootstrap sub_theme, что тоже в будущем сохранит нервы и время.

  2. Используем бутстрап, но не как подтему, а как самостоятельную тему. То есть только сетку и нужные JS-скриптики. Из основной темы и/или гугла берём все необходимые функции/хуки (благо их для Drupal хоть попой ешь) и просто добавляем в свой template.php. Тут тоже не такой быстрый старт, но в будущем опять же — время экономит.

Ну и бонус :)

Забываем Бут как страшный «col-ХХ-ХХ» сон и пользуемся Semantic UI. Радуемся отличной читаемости классов, кол-ву UI-элементов и возможностям из коробки, которых в актуальном Бутстрапе ещё даже в @TODO списках нет. Что не ясно — спрашиваем в самом отзывчивом GitHub репозитории проекта или прям вот у меня по почте (в профиле).

Ответ дан 07.11.2015 - 14:18

Ну смотрите.
Во первых, бутстрап позволяет развертывать сетку не только по всему сайту, но и внутри отдельного слоя.
Во вторых, у бутстрапа куча переменных, позволяющая отрегулировать и количество столбцов, и многое другое. Захотелось, например, разбить не на 12 частей, а на 10. Установил количество столбцов, кратное 10 - и всё.
Далее, бутстрап позволяет в зависимости от разрешения экрана менять столбцы местами.
Это я еще особо с ним не экспериментировал.
Скажите, semantic ui это всё тоже позволяет ?

Комментарий оставлен 09.11.2015 - 12:10

Я не против использования Бутстрапа, сам его любил долгие годы (ещё когда он не был мейнстримом — начало ветки 2.х). Просто сейчас смотря на него и сравнивая с другими проектами (Semantic UI, например), жалею о потраченном времени. Я за импрув опыта, в первую очередь.

Для меня использование Bootstrap, это была жестокая необходимость, так как многое из того, что я не знал как сделать — в их стартовой теме уже было реализовано. Поэтому я просто делал суб-тему и особо не парился. Всё начало меняться, когда нужно было делать что-то «не так», как давал Бут из коробки. Приходилось искать решения и переписывать внешний вид и функционал чуть больше, чем полностью от стандартного. А в таком варианте — проще изначально использовать или своё с нуля или любой другой фреймворк. Собственно, об этом мой пост.

Тут уж, во истину, только пройдя через это — поймёшь, что «люди, которые об этом тебе говорили, а ты не слушал и приводил какие-то свои аргументы — ведь правы были, на 99,9%...».

Вы сами потом поймёте (если не евангелист Бута, естественно — этих не прошибить), что чем раньше откажешься от Бута — тем быстрее проекты «dev-иться» начнут. Особенно на Drupal. Особенно если верстальщик и программист — это разные люди.

Да, можно возразить: «чувак, так это ж только тебе так "повезло" с Бутом, мы вот уже внуков учим ему и всё норм!», но откуда, как не из собственного опыта, ещё брать кейсы/пруфы для ответов?! :) Для меня Bootstrap — это уже прошлый «col-XX-XX» век. Сорри, если кого задел.

Ах, да, на счёт вопроса по SUI: http://semantic-ui.com/collections/grid.html + http://semantic-ui.com/collections/grid.html#/definition

Комментарий оставлен 09.11.2015 - 13:45
1

Если шаблон уже есть, то как подметил товарищ Дубовской - проще с нуля написать, чем переписывать. ПРОВЕРЕНО килотонной часов работы!
Тут "с нуля", имеется ввиду, не без бутстрапа, а просто создать новую тему и писать заново.

Если надо сделать быстро и без возни, то тут только Susy в помощь.
Я вообще отказался от работы с фреймворками в пользу этого тулкита. В разы увеличивает скорость работы.

Ответ дан 07.11.2015 - 19:19
Аватар пользователя SAM
SAM
212

Спасибо за Susy, не знал про такое :)

Комментарий оставлен 07.11.2015 - 22:30
0

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

Почему бы просто с нуля не написать?

Ответ дан 07.11.2015 - 10:04
Аватар пользователя shu
shu
176

В итоге нужно будет половины темы переписывать. Кастомизация решает что-то, но всё равно куча лишнего кода тянется.

Комментарий оставлен 07.11.2015 - 11:08

То есть, получается, изначально работа через тему bootstrap рассчитана на ситуацию, когда нужно всё в bootstrap-стиле, либо заказчика устраивает легкая доработка и небольшой CSS-инг этой темы ?

Комментарий оставлен 07.11.2015 - 12:28

roman-yakimkin
То есть, получается, изначально работа через тему bootstrap рассчитана на ситуацию, когда нужно всё в bootstrap-стиле, либо заказчика устраивает легкая доработка и небольшой CSS-инг этой темы ?

Именно так. Об этом все мои посты в этом вопросе :)

Комментарий оставлен 09.11.2015 - 13:47
0

Я пользуюсь активно. Но у меня дизайн рисуется под сетки бутстрапа, с учетом готовых компонентов. В принципе, получается быстро. Точно быстрее если с нуля. Если будет совсем уникальный дизайн, тогда не стоит.

Покупать шаблоны не стоит - пробовал, времени ушло много на адаптацию, переопределение блоков, Views, что-то в помойку, чистить css некогда... В итоге грязно, и тяжело.

Ответ дан 07.11.2015 - 22:29
Аватар пользователя Sora
Sora
91