Какие технологии вы используете для лендингов?

Twitter Bootstrap это фреймворк из той же области? Или есть какие-то концептуальные различия?

Роман Шаталов: Бутстрап попсовый и совершенно пустой, если сравнивать с Uikit

Зашел на https://getuikit.com/docs/form-advanced.html
Это что за ублюдочное уродство? Там все такие "красивое" как эти радио и чекбоксы?
Кроме того, документация вообещ НИКАКАЯ. Мне нужно обладать телепатией, чтобы узнать как пользоваться Uikit CSS Framework? Или мне нужно убить несколько дней, ковыряясь в нем?

dhat: Не нравится, не используй.

dhat: а прочесть описание на главной - не судьба? ублюдочное уродство - это результат работы ВАШЕГО браузера. Кто-то Вам забанил цсс? Или это тоже должно само по себе работать? Так в УиКит это тоже возможно. Если дочитать. Или нормально по человечьи спросить у тех, кто спромогся прочесть и использовать.

lukoie: dhat:
даже открыла полюбопытствовать
s018.radikal.ru/i518/1611/0a/cf3b64ed9c37.png
У меня ничего не забанено, но почему в одном из самых популярных браузеров даже кружочки не отцентрированы?

Ankhena W: на заглавной: "UIkit's very basic style can be extended with themes and is easy to customize to create your own look." Я например против того чтобы фреймворк по дефолту отдавал некий визуальный стиль - так тыщупяцот сайтов будут одинаковыми, т.к. дефолтный стиль менять не будут - та Вы и сами знаете - бутстрапный сайт видно издалека.

lukoie: так и я о том же, зачем же они покрасили радио в голубенький да еще и так кривенько. Такое увидишь и точно даже пробовать не будешь. Ну т.е. я не буду.

lukoie: против того чтобы вам "отдавали визуальны стиль"? Так зачем вам тогда фреймворк??? Пользуйтесь ресетом своим каким-нибудь. А задача фреймфворка давать разработчику готовые компоненты к использованию. А свои я и сам могу сделать, с этим вашим CSS - нахер мне тогда этот UIkit?

Ankhena W: dhat: Вы хоть поняли вообще смысл этого компонента?

dhat: ну, я примерно понял логику утверждения. Фреймворк должен давать кроссбраузерную верстку, адаптивность, а уже внешнюю состовляющую(цвет, форму, закругления и прочее) автор утверждения предлагает кастомизировать у себя. Я в чем-то согласен, выкатить сайт на бутстрапе без кастомизации можно только на этапе прототипа, в продакшн все равно будет все меняться под макет. Но фреймфорки дают уверенность, что его разработчики позаботились о том, чтобы сайт не разваливался при изменении размера браузера или девайса, что все будет на местах, а уж какого размера и цвета будь добр подогнать под макет.

Роман Шаталов: а грамотный дизайн и mobile first не дадут адаптивности? Кроссбраузерность можно опять же решить своими ресетами. Или вы фолбэки имеете ввиду?
зы: я не отрицаю, что могу неверно понимать подхода создателей Uikit. Толком в работе его не пробовал. Но все остальные фреймворки - это сплошная боль.

dhat: Есть бюджет 3 копейки и время 2 дня на запуск лендинга. Будете страдать велосипедами или займетесь более важными вещами?

dhat: вот в том-то и дело, что я в своей верстке не уверен, но мне иногда приходится ей заниматься, я более или менее освоил бутстрап и мне выше головы его хватает, но хочется рассмотреть для себя весь возможный инструментарий, может я что-то важное упускаю из вида. я думаю что эти фреймворки как раз для таких не уверенных в верстке. Понятное дело, что профессионал frontend быстрее и качественнее сам наверстает свой функционал.

Роман Шаталов: Просто посмотрите на набор компонентов и хелперов в Uikit. Элементарные margin и lightbox в TB отсутствуют. Поработайте немного и поймете, сколько времени сэкономите.

Sanes: спасибо, прям в понедельник попробую один небольшой проект наверстать на UIkit, хоть и не люблю это дело, но надо осваивать для расширения кругозора..

Роман Шаталов: не сказал бы что фреймворки для неувереных в своей верстке. Вам придется разбиратся в чужом коде, и постоянно думать как же впихнуть свой дизайн чтоб ничего не поломалось. Я однажды над тем, чтобы сместить гребанное дропдаун меню на несколько пикселей вниз в Zurb Foundaton просидел 3 часа. Либо же смирится с чужим дизайном.

Sanes: Не знаю какой имбицил писал этот фреймворк, но эти радио-кнопки ужасны. Синие точки заданы через ::before к input, хотя замещаемые элементы (input, img, object, video и т.д.) согласно спецификации не поддерживают их. Поэтому в хроме видны синие точки, а в файрфокс их нет, только стандартные радио-кнопки.

Более того, размеры кнопки 13x13 пикселей, а точки 8x8, то есть отступы должны быть по 2.5 пикселя, из-за чего её невозможно выровнять посередине.

С таким подходом лучше вообще фреймворки не делать.

itsjustmypage: А ну расскажи, как радиокнопки сделаны в TB?

Sanes: А ну не нукай посторонним. Зачем ты уходишь в сторону, когда говорят о кривом отображении даже в самых популярных браузерах? Или по-твоему это нормально, что в Chrome и Opera точки не по центру, а в IE и Firefox эти стили вообще не применяются, потому что спецификация не определяет поведение псевдоэлементов для замещаемых элементов (то есть их никак нельзя применять в деле, особенно в фреймворке)?

Раз уж советуешь подобное, объясни, как ты "не придумываешь велосипеды", перезаписывая компоненты фреймворка, чтобы они работали во всех браузерах?

Sanes: и правда, радио на хроме едут. Это единственная проблема Uikit?

Sanes: ты куда ушёл, люди ждут ответа)

itsjustmypage: Соскучился? Дела, брат.

Sanes: наблюдаю за сливом. не брат ты мне)

itsjustmypage: Значит, спи спокойно.

Ankhena W: Артём Петренков: dhat: сходите, пожалуйста, вот сюда: https://getuikit.com/docs/customizer.html
именно там у uikit внешний вид

Артём Петренков: для uikit внешний вид предусматривается делать именно там.

lukoie: да уже без разницы. Вообще нет и не было желания пользоваться бутстрапами или чем-то подобным.

Ankhena W: но автор вопроса спрашивает о другом, и не стоит обламывать его тем, что не до конца понял как это делается.