Дополнительные инструменты CSS, такие как Twitter Bootstrap?

Я искал место, где я могу найти инструменты и ресурсы CSS, готовые к использованию, как популярный Twitter Bootstrap.

Любые советы?

Ответ 1

html5boilerplate - мой любимый инструментарий

Ответ 2

Yahoo! недавно создали Pure (источник доступен на GitHub).

Pure обеспечивает:

  • Основа CSS построена на Normalize.css, чтобы свести к минимуму проблемы между браузерами.
  • Стилирование общих компонентов пользовательского интерфейса, таких как списки, меню, кнопки, формы и таблицы.
  • Комплексная система реагирующей сетки для создания сайта для всех устройств.

Это очень легкий с общей оценкой 4.4KB и gzip по сравнению с Bootstrap 20KB. Доступно из CDN, что Yahoo! обеспечивает.

Он был создан с точки зрения, что создание новых правил CSS предпочтительнее перезаписи/изменения существующих. Поэтому он поставляется с минимальными стилями из коробки (отсюда и размер) - вам нужно создать свой собственный.

Ответ 4

Я думаю, вы найдете Zurb Foundation, чтобы быть очень хорошим

Ответ 5

Вот список фреймворков CSS, которым вы можете наслаждаться с помощью...

  • base - адаптивная среда CSS с поддержкой IE7 +.
  • BASSCSS - Инструментарий низкоуровневых CSS
  • bootflat - Bootstrap с плоской дизайнерской темой
  • Bootswatch - коллекция тем для Bootstrap
  • bulma - рамки CSS на основе Flexbox
  • cardinal - Кардинал - это небольшая мобильная платформа CSS
  • caramel - простая, красивая, отзывчивая, современная структура CSS
  • HTML Starterkit - шаблон HTML5, чтобы начать работу с вашими отзывчивыми веб-сайтами.
  • kube - Минималистическая веб-инфраструктура
  • Material Design Lite - Компоненты Lite Material Lite в HTML/CSS/JS
  • materialize - Современная адаптивная интерфейсная инфраструктура, основанная на дизайне материалов
  • Metro UI - интерфейс для разработки веб-сайта в стиле Metro Metro
  • milligram - Минимальная настройка стилей для быстрой начальной точки.
  • mini.css - минимальная, отзывчивая, унифицированная по стилю CSS-структура/инструментарий
  • mui - Легкая платформа HTML/CSS/JS, реализующая дизайн материалов
  • papier - Конструкция материала как минимальная структура CSS
  • pavilion - Unopinionated CSS framework
  • picnicss - Легкая библиотека пользовательского интерфейса
  • pure - набор небольших, чувствительных модулей CSS
  • semantic-ui - набор пользовательского интерфейса с большим количеством тем и элементов
  • skeleton - мертвый простой, отзывчивый шаблон
  • tachyons - Модульный интерфейс пользовательского интерфейса
  • uikit - легкий и модульный интерфейсный интерфейс

Ответ 6

Blueprint также является одной из популярных CSS-фреймворков.

Ответ 7

Если вам нужна хорошая структура CSS, YAML - отличная альтернатива.

Ответ 8

Попробуйте skeleton в качестве другой альтернативы.

Ответ 9

Выбор любой структуры пользовательского интерфейса зависит от соответствующего стека технологий. Я использую Semantic-UI (http://semantic-ui.com/) с помощью AngularJS. Поверь мне, они созданы друг для друга!

Semantic-UI обеспечивает хорошую поддержку гибкого веб-дизайна и мобильных компонентов.

Ответ 10

есть еще один, похожий на bootstrap twitter, попробуйте HTMLKickStart

Ответ 11

См. бесплатный и чрезвычайно гибкий набор инструментов Litestrap CSS: http://js.plus/products/litestrap

То же, что и Bootstrap, но только сетка (scaffolding).

Ответ 12

Если вы ищете что-то, что:

  • имеет кросс-платформенный стиль (iOS, Android, WP, Web).
  • может использоваться с различными темами
  • является агностиком
  • вы можете использовать его как на мобильном, так и на рабочем столе.

Взгляните на Mobiscroll Forms.