UIkit UI components

UIKit -- 现代 web 的现代 ui 组件。「 UIKit - modern ui components for the modern web 」

  • 所有者: visionmedia/uikit
  • 平台: Cross-platform
  • 許可證: Other
  • 分類:
  • 主題:
  • 喜歡:
    0
      比較:

Github星跟蹤圖

UIKit -- 现代 Web 的现代 ui 组件

UIKit 是一个小的(gzipped 压缩后 4kb)集合了灵活的、内聚的、解耦的现代 web 组件。强调结构样式化,使应用特定于应用程序的样式化变得简单。UIKit 不是一个更大的 UI 框架的替代品,也不是一个 CSS 框架,比如 Bootstrap。UIKit 仍在开发中,检查Issues

注意:所有这些组件现在都位于各自的单独存储库中,可在 github.com/component 中找到。 我仍然会接受 UIKit 的补丁,但是主动开发已经转移到组件上,因为它们从根本上优于现有的 js 共享技术。

组件

定制版本

每个发行版都包含一个包含 ui.js 和 ui.css 的预构建./build 目录,但是,如果您希望可以使用 make 进行重新构建,默认情况下包括所有组件。

UIKit 构建

您可以指定要构建的组件列表,它们的标记、样式和 javascript 将添加到./build/ui。{js,css}。

主要指標

概覽
名稱與所有者visionmedia/uikit
主編程語言JavaScript
編程語言JavaScript (語言數: 1)
平台Cross-platform
許可證Other
所有者活动
創建於2011-10-09 22:48:32
推送於2022-03-11 01:32:21
最后一次提交2012-11-15 12:05:06
發布數3
最新版本名稱0.0.4 (發布於 2012-05-04 12:17:36)
第一版名稱0.0.2 (發布於 )
用户参与
星數1.3k
關注者數41
派生數103
提交數186
已啟用問題?
問題數43
打開的問題數23
拉請求數8
打開的拉請求數6
關閉的拉請求數6
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?

UIKit JavaScript component framework

UIKit is a small (4kb minified / gzipped) collection of flexible, cohesive, decoupled components for the modern web. With an emphasis on structure-only styling making it simple to apply application specific styling. UIKit is not a replacement for larger UI frameworks, nor is it a CSS framework such as Bootstrap. UIKit is still a work in progress, check the Issues.

NOTE: all of these components now live in their own individual repos found here github.com/component. I will still accept patches for UIKit, however active development has moved to components, as they're fundamentally superior to existing js sharing techniques.

Components

  • ui.Emitter an event emitter used throughout various components
  • ui.Card a double-sided "card" powered by 3d transforms
  • ui.ColorPicker an elegant scalable color picker
  • ui.Overlay an overlay used by ui.Dialog
  • ui.Dialog a dialog component sporting optional modal and overlay functionality
  • ui.Confirmation a confirmation dialog building on ui.Dialog
  • ui.Notification an unobtrusive growl-like notification

Custom builds

Each release includes a pre-built ./build directory containing ui.js and ui.css,
however if you wish you may re-build with make, by default including all components:

UIKit build

You may specify the list of components to build, and their markup, styles, and javascript will be added to ./build/ui.{js,css}:

UIKit custom build

Running tests

Tests are run with Mocha, first install the node.js deps:

  $ npm install

Then run the tests:

  $ make test