to post messages and comments.

Раз в пятилетку мне приходится что-то делать для веб. И каждый раз это превращается в ад — сначало нужно было плясать с таблицами, потом с появилась магия div-ов... все это нужно проверять в разных браузерах и т.д. Шел 2016 год, мне опять понадобилось накорябать веб-морду. Казалось, можно будет взять bootstrap и не заморачивась уже ни на что построить нормальную верстку. Но, буквально уже с шапки, начинаются кровь-кишки-распидарасило: stackoverflow.com

Помогите советом, я даже не знаю какие ключевые слова в гугл вбить, чтобы нарыть решение. Есть страница, есть некоторые ссылки, которые href="#id", т.е. локальные. Так вот при нажатии на таккую ссылку страничка скроллится слишком сильно, сам элемент с id="id", на который указывает ссылка, уезжает под верхнее бутстраповское меню. Как сказать браузеру, чтобы он скролл чуть раньше останавливал?

Так, нашёл годный шаблон для блога на bootstrap: prideparrot.com
Выглядит нормально, то, что нужно, однако встаёт вопрос. Скачал я его а там просто парочка страниц, одна для блога в целом, а вторая как пример поста. В html. Надо на шаблоны переводить и вот тут дилемма.
Вариант 1 — сделать на шаблонах mojolicious, он кажется такое позволяет, но получится, что каждая страница будет динамически формироваться на каждый запрос (ну или кешироваться, если через nginx запускать). Все записи будут храниться в базе.
Вариант 2 — сделать на статическом движке, чтобы страницы генирировались раз и навсегда, только на этапе создания, тогда все посты будут храниться в отдельных файлах.

Как поступить?

Блин, жесть какая-то. Простейший тестовый bootstrap-код. Вчера прекрасно работал. Сегодня (без всяких изменений) в Firefox работает до первого F5. Потом — как будто полное отсутствие CSS (стилевые файлы читаются, проверял, в т.ч. тупо тычком из сорца). В консоли никаких ошибок. В Опере и Хроме всё работает прекрасно.

i.imgur.com

Не понимаю!

На скрине собственно код, вид в Firefox и вид в Chrome. Была мысль, что ломает что-то в выводимом контенте, но если его убирать — ничего не меняется. Firefox снова поломали? :-/

Хм, а как оказалось Twitter Bootstrap вполне няшнэ инструмент, который можно включить в "Джнетельменский набор Web-разработчика"

Облизывался облизывался на Twitter Bootstrap, а оказывается его DropDown меню не работает на iPad. Я разочарован. SuperFish прекрасно пашет.

есть ли какой нибудь хороший комбобокс (без пользовательского ввода, только селектор из заданных значений) который подходил бы под twitter bootstrap по стилю?

Сборка #TwitterBootstrap из LESS-исходников. Простейший вариант: установка nodejs, node-uglify и npm, установка recess из npm-репов. Далее из папки проекта — make bootstrap. Осталось понять, как убирать ненужные JS-плагины.

Все. Окончательно определился с тем, какой инструмент буду изучать и использовать в дальнейшем для генерации форм в рельсах. Определенно выбор пал на SimpleForm 2.0. В отличии от обычных форм — нет геммороя по написанию огромного количества кода для bootstrap верстки форм. И в отличии от Formtastic они имеют интегрированную поддержку изнутри. Плюс, это от разработчиков Devise, а именно это творение Plataformatec. Спасибо @pechorin_andrey за наводку и за ссылку на эту статью: blog.plataformatec.com.br

Кстати. О технологиях. Я ведь, вроде как давно и активно и с любовью продвигаю рельсы и Twitter Bootstrap. Первое ладно, и у каждого бэкэндщика свое мнение сложилось. А вот Bootstrap. Реально, мне пока мало доводилось видеть сайтов, на которых можно демонстративно показать, что Bootstrap, это не просто какой-то набор готовых виджетов, а действительно мощный фреймворк, который вовсе не связывает руки. Вот пример: 42conf.com Верстка полностью построенна на Twitter Bootstrap. Кто видел его ванильную мордашку, но не видел сильно модифицированных примеров (к примеру я таких видел пару штук, и то ссылки похерил, ибо не вовремя на глаза попались), тот может и удивиться.

Для знающих, и интересующихся, предлагаю взглянуть на структуру главного меню, на id и class, которые используются, а также к примеру зайти сбда: 42conf.com Внимательные, могут увидеть, и кусочек истинной ванильной сущности Bootstrap (а именно class='alert alert-info').

Вот такие дела, так что, это один из ярких примеров, что инструменты подобно Twitter Bootstrap нужно уметь готовить и применять, совершенно не боясь, что он выглядит по одному, а дизайн у приложения совершенно другой.