Посоветуйте css фрейморк

Главные вкладки

Аватар пользователя it-007 it-007 13 октября 2014 в 20:38

Интересует именно фреймворк - что посоветуете в плане интеграции например с kohana? Bootstrap не интересует думаю по понятным причинам.

Комментарии

Аватар пользователя organizm organizm 15 октября 2014 в 0:30

VasyOK wrote:
Это только у меня google по запросу "Kohana" выдает "Кохана, ми вбиваємо дітей"?

Номер 5ть на первой странице Smile

Аватар пользователя whiesam whiesam 13 октября 2014 в 21:45

"VasyOK" wrote:

Это только у меня google по запросу "Kohana" выдает "Кохана, ми вбиваємо дітей"?


)))) В русском сегменте всё норм ищет.

Аватар пользователя it-007 it-007 13 октября 2014 в 22:15

"VasyOK" wrote:

Это только у меня google по запросу "Kohana" выдает "Кохана, ми вбиваємо дітей"?


Smile друпал хорош но хотелось бы чтото пошустрее решил попробовать на kohana.

Аватар пользователя kv4 kv4 14 октября 2014 в 7:47

"it-007" wrote:
Bootstrap не интересует думаю по понятным причинам.

Не, не по понятным.
Почему Bootstrap не интересует?

Аватар пользователя kv4 kv4 14 октября 2014 в 20:41

"whiesam" wrote:
Солидарен с ТС, бутстрап полное УГ.

А можно подробнее?
На основании чего такие выводы сделаны?

И если бутсрап УГ, что тогда не УГ?

У тебя сайт сделан на Bootstrap. Странно выглядит называешь его УГ, а сам пользуешься...

Аватар пользователя whiesam whiesam 15 октября 2014 в 1:40

"kv4" wrote:
А можно подробнее?
На основании чего такие выводы сделаны?

И если бутсрап УГ, что тогда не УГ?

У тебя сайт сделан на Bootstrap. Странно выглядит называешь его УГ, а сам пользуешься...


Я пользовался ранее) Поработав с другими фреймворками, я понял что бутстрап реальное уг) Просто он мне первый на глаза когда-то попался)

В общем мы решили запилить свой фреймворк. Уменьшили кол-во ненужных обёрток и т.д. Ещё и под друпал подпилили, но он пока в дев версии. Хотя уже есть рабочие сайты на нём. Ну а как тестить то)
Взяли отличные идеи из других фреймворков и реализовали по своему + реально своё придумали, для упрощения верстки.

Главные плюсы:
Тут готовое оформление, ради демо. Все классы сделаны так, чтобы верстать ЛЮБОЙ шаблон. И не быть привязанным к оформлению фреймворка.
Минимум нафиг не нужной разметки
Подточен под друпал (сообщения, формы)
Мобильные меню (пока только топбар, боковое ещё пилим)
Модальные окна (очень легко будет в шаблоне сделать блок в модальном окне и вызывать когда надо)
Множество адаптивных классов

Если хотите, можете поучаствовать в тестировании + можем запить нужный Вам функционал к релизу.
https://github.com/SL7/Procyon/tree/dev (да да только дев ветка)
Тут дока http://procyon.sl-7.ru/ (да плохая, да иногда даже после смены css не сменили разметку, да код придеться инспектировать чтобы понять, по идее эта страница для издевательств)
По идее то почти всё пашет, только вот в порядок привести надо

Кому интересно велком.

Аватар пользователя Moel Moel 15 октября 2014 в 0:45

"whiesam" wrote:
В общем мы решили запилить свой фреймворк

Ну сто пудово будет не УГ, и подойдет прям всем, не то что бутстрап. Я прав?

Аватар пользователя whiesam whiesam 15 октября 2014 в 1:02

"Moel" wrote:
Ну сто пудово будет не УГ, и подойдет прям всем, не то что бутстрап. Я прав?

Уж лучше выйдет бутстрапа, вернее он уже лучше. ИМХО инструментарий дело каждого. Я же не заставляю никого им пользоваться. Мы пользуемся, и норм. Сам подумай если бы получалось УГ, то стали бы работать на нём? Я вот лично не люблю некачественно сделанные вещи.

Ладно насчет бутстрапа может и погорячился, но он реально неудобен во многих смыслах.

Аватар пользователя Moel Moel 15 октября 2014 в 1:16

"whiesam" wrote:
Ладно насчет бутстрапа может и погорячился, но он реально неудобен во многих смыслах.

Да это понятно, все что то, как то работает не так. Потому что, это что то, делал не ты/я/все и не под себя. Так и то что вы/я/все делаем будет кому то неудобно и будут какие то недостатки для каждого. Но все равно молодцы. Я тут тоже вот всякой херней занимаюсь, переписываю половину модулей под себя...., так как либо куча всего ненужного, либо куча всего недостающего.

Аватар пользователя whiesam whiesam 15 октября 2014 в 1:38

"Moel" wrote:
Потому что, это что то, делал не ты/я/все и не под себя. Так и то что вы/я/все делаем будет кому то неудобно и будут какие то недостатки для каждого.

Ну я стараюсь не только под себя делать. Ясен пень у нас стилистика и привычки разные в написание той же верстки. Я в фреймворке пытаюсь сделать тоже самое как и в друпале. Много путей решения одной и той же задачи. Мне кажется это гуд. Потому что ситуации разные бывают.

Аватар пользователя kv4 kv4 15 октября 2014 в 5:55

"whiesam" wrote:
+ реально своё придумали, для упрощения верстки.

Аххаахахаха, очередной велосепедист))))

Свое говно малиной пахнет?

"whiesam" wrote:
Я вот лично не люблю некачественно сделанные вещи.

А в чём твои критерии качества? С чего ты взял, что твоя поделка - качественная вещь?
"whiesam" wrote:
Сам подумай если бы получалось УГ, то стали бы работать на нём?

А кто на нём работает?

На секундочку, Bootstrap: ~27,5 тысяч форков, 585 учасников
Procyon: 0 форков, 1 участник

Т.е. конечно я не пробовал и не знаю, чего ты там нагородил. Может и правда что-то мега крутое.
Но, вот твои заявления: "бутсрап говно, а у меня тут вот медовый пряник" - это пц как глупо.

"whiesam" wrote:
Ну я стараюсь не только под себя делать. Ясен пень у нас стилистика и привычки разные в написание той же верстки. Я в фреймворке пытаюсь сделать тоже самое как и в друпале. Много путей решения одной и той же задачи. Мне кажется это гуд. Потому что ситуации разные бывают.

Бред сивой кобылы...

Если ты постоянно молотком по пальцам бьёшь, это не значит что молоток - хуёвый инструмент. Это значит, что у тебя руки кривые.

Аватар пользователя kv4 kv4 15 октября 2014 в 6:00

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

"whiesam" wrote:
... бутстрап полное УГ.

Аватар пользователя kv4 kv4 15 октября 2014 в 6:01

"whiesam" wrote:
Ладно насчет бутстрапа может и погорячился, но он реально неудобен во многих смыслах.

Назови хотя бы один смысл в котором он не удобен?

Аватар пользователя andribas@drupal.org andribas@drupal.org 15 октября 2014 в 8:58

"kv4" wrote:
Назови хотя бы один смысл в котором он не удобен?

единственный УГ - это то, что его нужно много темизировать, иначе ваш сайт будет выглядеть как миллион других. насколько он удобен в темизации? без специальных знаний, без использования less, придется переписывать очень много, там много вложенных правил, куча media-query - т.е. если вы хотите, чтобы что-то выглядело не так, как у всех - придется постараться.

"Топбар с мобильной многоуровневой версией."

на мобильнике вы его тестировали? мне от 2+ левел пришлось отказаться: если делать mobile-first, то :hover эффекты и модальные окна - это все уйдет в прошлое, так как для пальцев они неудобны, а мышки нету.
Вообще если в меню больше 2-х левел, то что-то не так с меню на уровне проектирования.

Вообще, чем bootstrap нравится - много сниппетов для него - уже все придумано, и тестировать просто на любом fiddle - и пользователей много, даже если сам не знаешь, то подскажут.
хочешь мобильную корзину - вот она http://bootsnipp.com/snippets/featured/responsive-shopping-cart
и т.д.

Тоже пытаюсь сделать нечто свое, но так, чтобы совместимость была.
Честно говоря, мне больше нравится подход пекарей - http://www.helloerik.com/bootstrap-3-less-workflow-tutorial

чтобы была страница навроде этой http://getbootstrap.com/customize/ ,
готовый макет с элементами http://getbootstrap.com/components/ ,
скрипт на стороне клиента http://lesscss.org/#client-side-usage
и запекаешь как тебе надо, а потом deploy.

Только хотелось бы обратной совместимости, в идеале используя bootstrap-custom-theme.min.css т.е., например, вместо "btn-default" "btn-custom" селектор.
Как вам такая идея? как руки дойдут хочу начать)

Аватар пользователя multpix multpix 15 октября 2014 в 8:41

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

Аватар пользователя andribas@drupal.org andribas@drupal.org 15 октября 2014 в 9:38

ровно так же, как форкать друпал, чтобы сделать форк bootstrap нужно очень много ресурсов.
люди реально работают, исправляют ошибки, а поддерживать что-то свое очень трудно.

например, https://github.com/twbs/bootstrap/issues/9950
уже год прошел, а есть только workaround. Лучше людям помочь, чем свое что-то делать. и кто потом будет фиксить ошибки?

Аватар пользователя Moel Moel 15 октября 2014 в 10:17

"kv4" wrote:
Аххаахахаха, очередной велосепедист))))

Спасибо нужно сказать, какой бы велосипед это ни был. Человек старался и предлагает пользоваться, если у кого то есть желание.

Аватар пользователя kv4 kv4 15 октября 2014 в 10:45

"Moel" wrote:
Спасибо нужно сказать, какой бы велосипед это ни был. Человек старался и предлагает пользоваться, если у кого то есть желание.

нет желания. вот и не говорю спасибо.

Сначала я написал

"kv4" wrote:
Не, не по понятным.
Почему Bootstrap не интересует?

мне в ответ

"whiesam" wrote:
Солидарен с ТС, бутстрап полное УГ.

я всё ещё не грублю

"kv4" wrote:
А можно подробнее?
На основании чего такие выводы сделаны?
И если бутсрап УГ, что тогда не УГ?
У тебя сайт сделан на Bootstrap. Странно выглядит называешь его УГ, а сам пользуешься...

...

За что тут спасибо?
Есть какая-то конкретика о минусах бутстрапа? Нет. Одни эмоции.
Есть какая-то конкретика о плюсах его велосипеда? Опять нет, только похвалы самого себя и вода типа: "модальные окна", "мобильные меню", "адаптивные классы" бла бла бла...

Что, не осилил бутстрап, и поэтому он УГ?

Аватар пользователя andribas@drupal.org andribas@drupal.org 15 октября 2014 в 13:21

"kv4" wrote:
Есть какая-то конкретика о минусах бутстрапа? Нет. Одни эмоции.

Все же один минус вам указали. Однако, стоит отметить, что это не недостаток, а скорее feature данного проекта. Если вы знакомы с темой, ранее было несколько инструментов, в том числе открытых для темизации. Сейчас они или платные или их нет. Те, что указал выше - только для изменения переменных less от самого bootstrap. Поскольку проект бесплатный и открытый (за что большое спасибо разработчикам), то темизация это хлеб, который они оставили себе. У меня не получилось скомпилировать по инструкциям, описанным полгода назад, custom тему. Если я правильно понял, эту feature выпилили из последних веток. Если ошибаюсь - поправьте.
И поэтому создание инструмента для хорошего запекания bootstrap - вполне себе коммерческий проект. Есть сайты, на которых раздают бесплатно и продают готовые темы.
"kv4" wrote:
Есть какая-то конкретика о плюсах его велосипеда?

Вот здесь мне тоже интересно - поскольку если версия автора будет несовместима с остальным, что пишут для bootstrap, то толку от этого кода будет мало (банально исходя из кол-ва разработчиков)
Например, то же боковое меню, которое использую сейчас (только у меня немного исправленное) - http://demo.onokumus.com/metisMenu/
если его взять и вставить с фреймворком автора - оно заработает?
если все нужно будет переделывать, то эт не очень хорошо.
Сам стараюсь все же не изменять, а темизировать bootstrap, по аналогии с темизацией друпала без ковыряния ядра.

Аватар пользователя whiesam whiesam 16 октября 2014 в 5:49

"kv4" wrote:

Cударь у Вас бомбит...) Успокойтесь! Вас так нервирует, что кто-то решился написать своё?
Стоп... я знаю. Вы Бутстрапофил)
"kv4" wrote:

На секундочку, Bootstrap: ~27,5 тысяч форков, 585 учасников
Procyon: 0 форков, 1 участник


БИДА, ПИЧАЛЮШКА!) Процион ещё в дев ветке лежит так то. Плюс не забываем о маркетинге. в добавок это опенсорс проект на ГПЛ2. Так что никакого бабла господа)
"ХулиGUN" wrote:
1. Половина целиком взята с бутстрапа, включая названия стилей(кто привык к бутстрапу, тому будет всё понятно, в противном случае нет)

А вот тут ты неправ. С бутстрапа взял только названия классов (ну с названиями у меня реально проблема))) и темизация таблиц (уж больно круты). На этом всё.
"ХулиGUN" wrote:
3. clearfix - отдельный див для очистки строки? почему бы не использовать например псевдокласс :after для этого?

Там есть less файлик, издевайся как хочешь) Классов для миксов там хватает.
"ХулиGUN" wrote:
4. Кнопки ужасны, формы тоже

Чувааак, забыл сказать, что темизированные элементы я сделал чтобы показать как работает. Я вообще хотел отказаться и оставить всё чистое.
"<a href="mailto:andribas@drupal.org">andribas@drupal.org</a>" wrote:
например, вместо "btn-default" "btn-custom" селектор.

У меня кнопки стоятся на принципе [class*="btn-"] {стили форматирования+размеры}, ну и далее приколбашиваешь нужный стиль. Чтобы не писать как во многих фреймворках по 2 и 3 стиля для одной несчастной кнопки.

Что мне не понравилось в бутстрапе, и почему я делаю свой велосипед:

Сделал я на бутстрапе форму, да блин чтобы её переделать мне надо переопределить весь css, что крайне геморно. Там много темизации почти на всех элементах изначально. Мне это не нужно, мне надо чтобы всё чистое было. На это реально много времени уходит. У меня к примеру в форме всё что есть, это падинги и цвет бордера. Уже проще темизировать согласитесь)
"<a href="mailto:andribas@drupal.org">andribas@drupal.org</a>" wrote:
на мобильнике вы его тестировали? мне от 2+ левел пришлось отказаться: если делать mobile-first, то :hover эффекты и модальные окна - это все уйдет в прошлое, так как для пальцев они неудобны, а мышки нету.

Всё тестил, всё отлично. Я сделал так, чтобы можно было хоть 35 уровней сделать. Спасибо Хулигану кстати. Он сам того не знаю с этим меню помогал))))) Ну не особе силен я в джедай квери)
С чего это всё стало для тачев неудобно то? Всё ровно тоже самое. Сами можете проверить. А про модалки я вообще не понял. С ними то что не так) Под мобильники они вообще отлично работает. Разве что аякс вставки ещё не сделаны, но это мелочи.

Насчёт несовместимости: с чем? с другими фреймворками? Вот на это мне действительно пофиг)

Я не кого не принуждаю пользоваться, да и опасно это ещё при дев ветке. Ладно нам. Сами писали сами поправим. Но сей велосипед уже показывает большую эффективность на друпале (основное направление для фреймворка) по сравнению с другими.

Чел спросил, про фреймворк, я ответил. А так на хабре можно найти килотонны фремворков)

"multpix" wrote:

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


Отличные слова! Но меня это не беспокоит, пускай хрюкают. Так даже веселее что-ли)

Аватар пользователя it-007 it-007 17 октября 2014 в 13:57

"kv4" wrote:
Не, не по понятным.
Почему Bootstrap не интересует?

Ктото уже сказал - потому что это почти шаблон, а не фреймворк. А менять стили на бутстрапе сложнее чем дописать свои например на Foundation (присмотрел).

Аватар пользователя kv4 kv4 18 октября 2014 в 7:54

"whiesam" wrote:
Но блин он реально тяжелый (всмысле по весу).

"Niklan" wrote:
В пекло бутстрап.
В пекло препроцессоры.
В пекло короля.
Только свой, чистый CSS.