Распрощался с Bootstrap

Вопросы и ответы по верстке, скриптам JS и прочему
Аватара пользователя
Alex00
Местный
Сообщения: 40
Зарегистрирован: 20 июл 2016, 22:38
Благодарил (а): 1 раз
Поблагодарили: 1 раз

Распрощался с Bootstrap

Сообщение Alex00 » 02 апр 2017, 20:50

Перешел с Bootstrap на Material Designe - полет нормальный
http://novostroy-el.ru

Изображение

Аватара пользователя
M@dD3n
Администратор
Сообщения: 602
Зарегистрирован: 25 июн 2015, 09:20
Откуда: Russia
Благодарил (а): 23 раза
Поблагодарили: 92 раза
Контактная информация:

Распрощался с Bootstrap

Сообщение M@dD3n » 02 апр 2017, 21:06

Еще валидацию подтянуть и будет торт ;)
А так, все равно какой фреймворк использовать, все зависит от рук и навыков

Аватара пользователя
Alex00
Местный
Сообщения: 40
Зарегистрирован: 20 июл 2016, 22:38
Благодарил (а): 1 раз
Поблагодарили: 1 раз

Распрощался с Bootstrap

Сообщение Alex00 » 02 апр 2017, 22:50

Ну вот, подтянули малёхо
Изображение

Аватара пользователя
duncan
Наш человек
Сообщения: 238
Зарегистрирован: 24 авг 2015, 22:44
Откуда: місто Лева
Благодарил (а): 35 раз
Поблагодарили: 14 раз

Распрощался с Bootstrap

Сообщение duncan » 03 апр 2017, 09:09

Alex00 писал(а):Источник цитаты Перешел с Bootstrap на Material Designe

muicss.com -- вроде оно?
а зачем переходить было?
тот же принцип вёрстки; судя по синтаксису -- те же яйца, только в профиль
плюс дополнительно ещё и префикс mui

Аватара пользователя
Alex00
Местный
Сообщения: 40
Зарегистрирован: 20 июл 2016, 22:38
Благодарил (а): 1 раз
Поблагодарили: 1 раз

Распрощался с Bootstrap

Сообщение Alex00 » 03 апр 2017, 10:56

duncan писал(а):Источник цитаты muicss.com -- вроде оно?
а зачем переходить было?
тот же принцип вёрстки; судя по синтаксису -- те же яйца, только в профиль
плюс дополнительно ещё и префикс mui

Это materialize css.
Началось все с того, что начал копать, как максимально уменьшить размер Bootstrap.
В итоге научился собирать проекты с помощью Gulp.
Ну и по ходу дела перепробовал Foundation, Skeleton, UiKit...
Остановился на Materialize, лёг на душу...
Вот и вся история.
А насчет префиксов, если имеется в виду префиксы в названиях стилей, которые любят добавлять создатели фреймворков, то их там нет.

P.S. Flexbox здесь, как и в Bootstrap 4 тоже присутствует...

Аватара пользователя
duncan
Наш человек
Сообщения: 238
Зарегистрирован: 24 авг 2015, 22:44
Откуда: місто Лева
Благодарил (а): 35 раз
Поблагодарили: 14 раз

Распрощался с Bootstrap

Сообщение duncan » 03 апр 2017, 16:04

Alex00 писал(а):Источник цитаты начал копать, как максимально уменьшить размер Bootstrap

я написал свой цсс-фреймворк, чтобы максимально сократить писание кода и уменьшить размер библиотеки, которая подключается по умолчанию
на данный момент версия 2,7
акцент на грид, блоки, колонки
пример:

Код: Выделить всё

<div class="tr-10 center">
   <div class="td-3">
      content
   </div>
   <div class="td-7">
      content
   </div>
</div>


Изображение

Код: Выделить всё

<div class="li3plus">
      <div>
         Lorem Ipsum - це текст-"риба", що використовується в друкарстві та дизайні.
      </div>
      <div>
         Lorem Ipsum є, фактично, стандартною "рибою" аж з XVI сторіччя, коли невідомий друкар взяв шрифтову гранку та склав на ній підбірку зразків шрифтів.
      </div>
      <div>
         "Риба" не тільки успішно пережила п'ять століть, але й прижилася в електронному верстуванні, залишаючись по суті незмінною.
      </div>
      <div>
         РЕКЛАМНИЙ БЛОК НА ВСЮ ШИРИНУ
      </div>   
      <div>
         На відміну від поширеної думки Lorem Ipsum не є випадковим набором літер.
      </div>
      <div>
         Він походить з уривку класичної латинської літератури 45 року до н.е., тобто має більш як 2000-річну історію. Річард Макклінток, професор латини з коледжу Хемпдін-Сидні, що у Вірджінії, вивчав одне з найменш зрозумілих латинських слів - consectetur - з уривку Lorem Ipsum, і у пошуку цього слова в класичній літературі знайшов безсумнівне джерело.
      </div>      
      <div>
         Lorem Ipsum походить з розділів 1.10.32 та 1.10.33 цицеронівського "de Finibus Bonorum et Malorum" ("Про межі добра і зла"), написаного у 45 році до н.е. Цей трактат з теорії етики був дуже популярним в епоху Відродження.
      </div>
      <div>
         РЕКЛАМНИЙ БЛОК НА ВСЮ ШИРИНУ
      </div>
   </div>


Изображение


сейчас работаю над новой версией (3,х), где будет ещё проще и легче сетка и все эти приблуды.
но это я отвлёкся.
если же ограничится новейшей сеткой по типу бутстрапа, то вот неделю назад нашёл:

https://vladimirhumeniuk.github.io/equalizecss

флекс.

но мне больше нравится (естественно -- после своего собственного))) предыдущая версия kube, которую и брал за основу при разработке своего:

Код: Выделить всё

<div class="units-row">
    <div class="unit-30"></div>
    <div class="unit-70"></div>
</div>


а это ссыль на современный куб:

https://imperavi.com/kube/docs/grid/


Вернуться в «HTML, CSS, JS , прочее»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя