Jump to content


Photo
* * * * - 3 votes

CSS-фреймворки, гриды, скрипты, утилиты и разные штуки для верстки шаблонов

css less grid верстка фреймворк инструменты

53 replies to this topic

#11 SmetDenis

SmetDenis
  • Topic Starter
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 06 October 2014 - 20:10

Брутальные алерты, спасибо!

 

PS Да все норм, как раз в топик для того чтобы интересными штуками делиться ;)


  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#12 B_A_H_O

B_A_H_O
  • JBZoo User (rus)
  • User rate: 1.6
  • posts: 309
  • topics: 62

Posted 06 October 2014 - 22:45

:) красота: http://tristanedwards.me/sweetalert

Красота! Кидайте ещё такие штуки )


  • 0

#13 Sliapy

Sliapy
  • JBZoo User (rus)
  • User rate: 50.5
  • posts: 6393
  • topics: 15

Posted 07 October 2014 - 13:10

Посидели немного с Денисом, посмотрели sweet alert этот. Результат тут - http://forum.jbzoo.c...ara/#entry50673

 

Может кому пригодится.


Edited by Sliapy, 07 October 2014 - 13:10.

  • 3
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#14 SmetDenis

SmetDenis
  • Topic Starter
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 08 October 2014 - 08:56

С большими CSS-фреймворками думаю все и так знакомы.

А вот проект простенького варианта, где есть все основы для макета и собран только необходимый минимум
http://agat.github.io/css-framework/

Всего лишь 1 файл, всего 5кб и легко разобраться, подробная русская документация с примерами.
+Есть Less версия.

Единственный минус - давно не обновлялся, но это не мешает ему быть полезным или использовать как старт своего фрейма. CSS он и в Африке CSS =)
  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#15 Дмитрий

Дмитрий
  • JBZoo User (rus)
  • User rate: 10
  • posts: 178
  • topics: 33

Posted 09 October 2014 - 10:08

Не пойму почему про Pure не упоминали еще)

 

Весит 4Кб. Сетка меньше 1Кб, около 1Кб типографика.


  • 3

#16 SmetDenis

SmetDenis
  • Topic Starter
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 09 October 2014 - 10:34

Не пойму почему про Pure не упоминали еще)
 
Весит 4Кб. Сетка меньше 1Кб, около 1Кб типографика.

О, прекрасная вещь! А я о нем и не знал =)
  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#17 Дмитрий

Дмитрий
  • JBZoo User (rus)
  • User rate: 10
  • posts: 178
  • topics: 33

Posted 09 October 2014 - 10:35

- Toast - только сетка. линковка довольно тупая, но сама сетка довольно хороша.

Min - легкий и простой (НЕ адаптивный, если мне память не изменяет), но есть поддержка IE5.5+

gumby - по мне хрень. Знаменит обозначением колонок словами (one - 1\12 two - 2\12 и т.д.)

- lessframrwork - не помню чем таким он выделялся. только сетка (пиксельная) - какие-то заморочки с золотым сечением были вроде. давно не обновлялся.

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

 

блюпринты, ямлы и т.д. и т.д. - десятки их.

 

P.S. все равно не вижу особого смысла пилить такое в шаблон хотябы потому, что многим это придется выпиливать) почему для сетки не взять ТОЛЬКО сетку из BS напирмер? там less максимум в пару килобайт, как и любой другой модуль)


Edited by Дмитрий, 09 October 2014 - 11:14.

  • 1

#18 B_A_H_O

B_A_H_O
  • JBZoo User (rus)
  • User rate: 1.6
  • posts: 309
  • topics: 62

Posted 09 October 2014 - 10:40

- Toast - только сетка. линковка довольно тупая, но сама сетка довольно хороша.

Min - легкий и простой (НЕ адаптивный, если мне память не изменяет), но есть поддержка IE5.5+

gumby - по мне хрень. Знаменит обозначением колонок словами (one - 1\12 two - 2\12 и т.д.)

- lessframrwork - не помню чем таким он выделялся. только сетка (пиксельная) - какие-то заморочки с золотым сечением были вроде. давно не обновлялся.

 

блюпринты, ямлы и т.д. и т.д. - десятки их.

 

P.S. все равно не вижу особого смысла пилить такое в шаблон хотябы потому, что многим это придется выпиливать) почему для сетки не взять ТОЛЬКО сетку из BS напирмер? там less максимум в пару килобайт, как и любой другой модуль)

А что посоветуете взять за основу для адаптивного дизайна интернет-магазина?


  • 0

#19 Дмитрий

Дмитрий
  • JBZoo User (rus)
  • User rate: 10
  • posts: 178
  • topics: 33

Posted 09 October 2014 - 11:07

А что посоветуете взять за основу для адаптивного дизайна интернет-магазина?

 

оффтопим)

 

если на ZOO - я бы взял UiKit (для модальных окон, слайдеров и пр. JS решений - все равно надо будет подгружать модули из Bootstrap Отличная статья, как что-то подобное для warp прикрутить, либо другие вроде не халявного widgetkit).

 

если на чем другом - Bootstrap (на пол головы круче UiKit, но пока не имеет всяких симпатичных штуковин вроде JS подгрузки блоков при прокрутке, или оверлеев там)

 

есть желание использовать только сетку - вполне подойдет от Pure из-за легкости.

 

P.S. слайдер лично я всегда использую OWL - даже модуль недавно нарисовал для joomla 3+ (может руки дойдут еще шаблон для слайдера с превьюшками сделать)

так что вопрос "использования" = вопрос личного удобства и выбора.


  • 0

#20 isay777

isay777
  • JBZoo User (rus)
  • User rate: 113.4
  • posts: 1878
  • topics: 232

Posted 09 October 2014 - 11:20

ну вы это.. .ну вы чего... http://habrahabr.ru/post/156747/


  • 1
ХОСТИНГ для сайтов jbzoo (все попугаи)





Also tagged with one or more of these keywords: css, less, grid, верстка, фреймворк, инструменты

Click to return to top of page in style!