Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 49
Классный вариант. Но много всего. Хочу сделать проще и удобнее.
Попробуйте поработать с этим вариантом и с моим. И скажите честно — чем удобнее?
Если у вас будут все те же моменты, что есть в официальной кастомизалке, и ко всем будет «предпросмотр», то будет значительно лучше официальной.
Если же будут варианты автоподбора цвет (при одном выбранном), то будет ещё лучше.
Если этого всего не будет, то я не вижу особого смысла в велосипеде.
Если же будут варианты автоподбора цвет (при одном выбранном), то будет ещё лучше.
Если этого всего не будет, то я не вижу особого смысла в велосипеде.
Извините но 5 цветов можно и в стилях поменять. Мало настроек чтобы пользоваться этим как сервисом. К тому же, не каждый сможет подобрать нужные цвета, для таких «одаренных» как я, например, можно было бы сделать выбор основного цвета и на основе его палитру предлагать и из нее выбирать цвета для кнопок, фонов и hover эффектов.
Извините но 5 цветов можно и в стилях поменять. Мало настроек чтобы пользоваться этим как сервисом.
Ответ из поста:
Поэтому прежде чем погружаться в кодинг я собрал небольшой прототип который имитирует работу будущего сервиса.
И с чего Вы взяли что там меняется всего пять цветов? Пересчитываются цвета: тени, обьема и т.д.
www.bootstrapthemeroller.com/ — очень похоже на ваш прототип. Будет удобнее?
Да, будет удобнее.
Вельми понеже © То есть большое спасибо за линк. И codemake тоже спасибо, кастомайзер − вещь зачастую очень нужная.
Однако ни в одном, ни в другом я не нашел одной функции, которая мне часто бывает нужна − убрать все скругления, абсолютно. И у инпутов, и у баттонов, и вообще везде.
P.S. Сам обычно начинаю проекты на bootstrap с www.divshot.com/
Однако ни в одном, ни в другом я не нашел одной функции, которая мне часто бывает нужна − убрать все скругления, абсолютно. И у инпутов, и у баттонов, и вообще везде.
P.S. Сам обычно начинаю проекты на bootstrap с www.divshot.com/
Да, определённо нужная вещь.
Может голосование?
Может голосование?
Идеальным вариантом были бы готовые темы.
5-10 светлых вариантов
5-10 темных вариантов
Цены бы не было.
5-10 светлых вариантов
5-10 темных вариантов
Цены бы не было.
Вообще не вопрос:
Темы Bootstrap
И остальное что успел нарыть (может пригодится):
jQuery UI Bootstrap
Bootstrap Image Gallery
jQuery Mobile Bootstrap темы
Colorpicker и Datepicker
Стилизация (кастомизация) Bootstrap
Кнопки стилизация
facebook Bootstrap тема
Django Bootstrap
WordPress Bootstrap
Но мне бы хотелось создавать свои темы со своими цветовыми решениями :)
Темы Bootstrap
И остальное что успел нарыть (может пригодится):
jQuery UI Bootstrap
Bootstrap Image Gallery
jQuery Mobile Bootstrap темы
Colorpicker и Datepicker
Стилизация (кастомизация) Bootstrap
Кнопки стилизация
facebook Bootstrap тема
Django Bootstrap
WordPress Bootstrap
Но мне бы хотелось создавать свои темы со своими цветовыми решениями :)
Вот jQuery Mobile Bootstrap темы и Темы Bootstrap — то о чем я говорил. Варианты тем полностью из коробки. Норм, но их там десяток.
(с) Нужно больше золота :)
(с) Нужно больше золота :)
В догонку bootsnipp.com/
Для действительно глубокой кастомизации бутстрапа нужно серьезно корчевать less. А все эти гуи-обертки над variables.less помогают только при наброске прототипа.
Less здесь, как раз, используется во всей своей мощи. В конечном итоге пользователь получит готовый архив с обновленным CSS и прописанными в нем настройками. Ему не придется ничего переделывать или допиливать.
Простите, конечно, но на «всего двух элементах» у которых на самом деле настроек много больше, если копать глубже переопределения переменных в одном файле никакой особой кастомизации и уж тем более «всей мощи» less вы не демонстрируете и допиливать-таки придется.
Кроме того как справедливо заметили ниже при таком подходе (выдаче готового css) явно будут проблемы с обновлениями.
Кроме того как справедливо заметили ниже при таком подходе (выдаче готового css) явно будут проблемы с обновлениями.
На самом деле удобный и эффективный сервис, с возможностью полной кастомизации бутстрапа, это бесценная вещь!
Совсем недавно работаю с версткой и бутсрапом но уже столкнулся, с проблемой визуально оформления некоторых элементов фреймворка. Поэтому готов сказать что сервис будет очень популярен, по крайней мере для начинающих и умелых фронтенд разработчиков, и для профессионалов бэкенда, когда нужно быстро набросать заготовку для сервиса =)
Совсем недавно работаю с версткой и бутсрапом но уже столкнулся, с проблемой визуально оформления некоторых элементов фреймворка. Поэтому готов сказать что сервис будет очень популярен, по крайней мере для начинающих и умелых фронтенд разработчиков, и для профессионалов бэкенда, когда нужно быстро набросать заготовку для сервиса =)
Смотрели www.boottheme.com?
Ну то что вы уже описали достаточно интересно и не перегружено, но действительно не хватает автоподбора цветов по ключевым цветам — т.е. не только градиенты и т.д., а задав некие несколько ключевых цветов получить полностью кастомизованную тему
www.lavishbootstrap.com/
Вот есть по ключевым цветам. А также по фотке, что вообще круто
Вот есть по ключевым цветам. А также по фотке, что вообще круто
Люди дело говорят, нужен вариант работы с системой который позволит создать кастомную тему затратив на это 30 сек помимо более детальной кастомизации
Хороший сервис. Мне сидеть выдумывать 5 цветов для одной синей кнопки как-то совсем не радует, проще вообще забить на кастомизацию. В других альтернативах надо вводить цвет черного… Я такой системы тоже не понимаю. Черный он черный и есть.
Идея хороша. Всегда что-то можно сделать проще, лучше и нагляднее.
Предложу несколько фич для проекта:
1. По основным цветам сайта (меню, фон, шрифт, заголовки, цвет HERO, ссылок) сгенерировать производные цвета: леблов, беджей — по гамме получившейся подобрать их.
2. Предложить генерировать свои стили для HERO-блоков. Например, можно будет «скопировать» класс как HERO1, чтобы потом можно было самому вписать название нормальное, типа Documents. И чтобы в ксс добавились все цвета и для него: для заголовков, текста. РАзмеры-отступы, положение.
3. Ну и генерация остальных цветов ссылок, цветов каких-то рамочек и т.д.
Идея хороша. Всегда что-то можно сделать проще, лучше и нагляднее.
Предложу несколько фич для проекта:
1. По основным цветам сайта (меню, фон, шрифт, заголовки, цвет HERO, ссылок) сгенерировать производные цвета: леблов, беджей — по гамме получившейся подобрать их.
2. Предложить генерировать свои стили для HERO-блоков. Например, можно будет «скопировать» класс как HERO1, чтобы потом можно было самому вписать название нормальное, типа Documents. И чтобы в ксс добавились все цвета и для него: для заголовков, текста. РАзмеры-отступы, положение.
3. Ну и генерация остальных цветов ссылок, цветов каких-то рамочек и т.д.
Мне кажется, что было бы удобно не генерить весь css файл с кастомизированным бутстрапом, а только допольнительный css, который переоределяет нужные свойства. Тогда можно подключить оригинальный css-ник (и обновлять новые версии), и кастомизировать просто добавляя новый маленький css-ник с переопределенными свойствами. Закомментировал – оригинальный стиль, разкомментировал – твой стиль.
NIH синдромом попахивает
Половина существующих генераторов открыто. Допилите лучше их.
Половина существующих генераторов открыто. Допилите лучше их.
Если есть возможность сделать что-то более удобное, чем существующие аналоги, то ответ однозначен — делайте!
Есть еще мысль. Перед тем, как начинать детально кастомизировать каждый элемент/блок, давать выбрать общий цветовой тон (хотя-бы светлый/темный, либо несколько пресетов по умолчанию на выбор), а еще для автоматической генерации цветовых схем можно было бы попробовать прикрутить генератор на подобии colorscheme.ru, правда в последнем не уверен.
Есть еще мысль. Перед тем, как начинать детально кастомизировать каждый элемент/блок, давать выбрать общий цветовой тон (хотя-бы светлый/темный, либо несколько пресетов по умолчанию на выбор), а еще для автоматической генерации цветовых схем можно было бы попробовать прикрутить генератор на подобии colorscheme.ru, правда в последнем не уверен.
Можно в копилку еще подбросить kuler.adobe.com
Неплохое начинание, спасибо!
Подброшу вам в копилку идей. В бутстрапе всего 7 основных цветов, всё остальное — их вариации. Ну, ещё вероятно опция тёмный на светлом / светлый на тёмном для фона. Было бы здорово плясать от цветовой схемы (собственной, или с того же kuler и подобных). Тема перекрашивает весь бутстрап, а дальше уже можно кастомизировать отдельные элементы.
Из тех сервисов что я видел выделяются 2 полярных типа: либо почти полная кастомизация, либо готовые стили. Мне видится полезным именно какой-то промежуточный вариант. Несколько настроек меняющие весь стиль (например основные цвета, ч/б фон, шрифт, размер шрифта маленький/большой/средний, радиус скругления уголков), а дальше более глубокая кастомизация, если требуется.
Подброшу вам в копилку идей. В бутстрапе всего 7 основных цветов, всё остальное — их вариации. Ну, ещё вероятно опция тёмный на светлом / светлый на тёмном для фона. Было бы здорово плясать от цветовой схемы (собственной, или с того же kuler и подобных). Тема перекрашивает весь бутстрап, а дальше уже можно кастомизировать отдельные элементы.
Из тех сервисов что я видел выделяются 2 полярных типа: либо почти полная кастомизация, либо готовые стили. Мне видится полезным именно какой-то промежуточный вариант. Несколько настроек меняющие весь стиль (например основные цвета, ч/б фон, шрифт, размер шрифта маленький/большой/средний, радиус скругления уголков), а дальше более глубокая кастомизация, если требуется.
Сделайте возможность получить нормальный less, а не только собранный css — вот тогда действительно будет полезный сервис.
Полезное начинание.
Но я обычно делаю над бутстрепом обертку, в котором оверрайжу исходные стили.
Это позволяет исключить из проекта обслуживание сборки бутстрапа. Была пара неприятностей, например со слетавшим при таком размере изображений по вертикали, но побороть удалось.
Спокойно обновляю версию, спокойно поддерживаю несколько версий, спокойно откатываюсь, жизнь прекрасна.
Но я обычно делаю над бутстрепом обертку, в котором оверрайжу исходные стили.
Это позволяет исключить из проекта обслуживание сборки бутстрапа. Была пара неприятностей, например со слетавшим при таком размере изображений по вертикали, но побороть удалось.
Спокойно обновляю версию, спокойно поддерживаю несколько версий, спокойно откатываюсь, жизнь прекрасна.
Да, очень нужно! Все перечисленные кастомизаторы совершенно никуда не годятся! Они предлагают вводить радиусы скругления цифрами :-) А некоторые и вовсе ограничиваются цветами. Про тени уже не говорю. Разработчики совершенно не понимают для чего нужен кастомизатор. Как бутстрап не крась, бутстрапом он и останется
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Нужна ли кастомизация для bootstrap?