dexteryy / cardkit

A mobile UI library provides a series of building blocks which are all components built on DarkDOM and Moui.

CardKit (v2)

CardKit is a mobile UI library provides a series of building blocks to help you build mobile web apps quickly and simply, or transfer entire website to mobile-first web app for touch devices.

CardKit building blocks are all use-html-as-configure-style (like Custom Elements, directive...) components built on DarkDOM and Moui.

Usages and Examples

• Components Gallery App
• To-do App
• Custom DarkDOM Components

References

• Presentation in QCon Beijing 2014 (in Chinese): slides + transcript

In the Real World

Installation

Install via bower:

bower install cardkit

Or download directly:

• Packaged version without dependencies
  cardkit.js
  cardkit.min.js
• Packaged version with dependencies
  cardkit-standalone.js
  cardkit-standalone.min.js

Quick Start for building

Prepare the environment

1. node, npm
2. grunt v0.4 - npm install grunt-cli -g
3. bower v0.10.0+ - npm install bower -g
4. ruby, gem, bundler

Install dependencies

1. npm install
2. bundle install
3. bower install

The first build

1. grunt

License

Copyright (c) 2013-2014 douban.com Licensed under the MIT license.

cardkit's Issues

cleaner repository

examples 目录下有一个重复的 dist 目录，dist 下还有压缩后的文件版本，很不方便 diff ，长此以往还造成仓库过大，git clone 时会相当耗时耗力

对于 examples 下的 dist 目录，两种方案：

1. examples 目录下 dist 用软链接，缺点是在 windows 下支持不好
2. 修改 examples 下 html 对 dist 文件的引用，缺点是 examples 就不可以在根目录下 run 起来， grunt connect 会失效

对于 min 文件：

1. 仓库本身不提供压缩版文件，放在其他地方（如需 nightly build ，可以写个同步脚本），有需要的可以从官网下载（如 jquery）
2. grunt 命令默认不打压缩版，也不清空已有压缩版，需要时再 build （如 d3.js ）

个人建议 min 文件不进仓库，本身这个项目还高度不稳定，不应该期待有人随时来下最新版。事实上，直接下一个黑盒子压缩版来用的人必然几乎等于没有。当前最重要的应为项目已有参与者方便。

safari支持不大好。

dianzan.rebaojie.net
在chrome看正常 safari下面就有一个条。我百思不得其解到底是啥。每个dom的css都详细看了。我要晕死了。。。

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

modal 远程载入数据的 API 设计

现在只支持 json 和 text content ，分别用了 data-url 和 data-json-url ，如果要支持 jsonp ，是不是还要用加一个 data-jsonp-url 呢？

我看了下代码里的实现，要新加一个类型还挺麻烦的。

是否可以重构成 data-url 和 data-type 两个属性？

nav not display when use phonegap

I use cardkit in sinaapp.I push example folder into my mobile project and package in phonegap.

but I can't see the nav in my project

Android下的问题

两边都短时，是这样的

暂时我只有把前半端注释掉， 有没有好一点的方法呢？

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

效果不错！但有段时间没有更新了。

是否很忙吗？如果需要我可以参与一下。

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

例子不全

请问有群支持么?另外很缺文档

例如:例子中的form,没按钮,也没文档提到如何提交

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

文档出错了

Prepare the environment的第3条：
3. istatic v0.3.2+ - node install node-istatic -g，
应该是 npm install node-istatuc -g 吧？坑死了。。。