dexteryy/CardKit

Stars
703
Rank 64,412 (Top 2 %)
Language
JavaScript
Created over 11 years ago
Updated over 8 years ago

dexteryy/CardKit

dexteryy

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

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

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

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

Install dependencies

npm install
bundle install
bower install

The first build

grunt

License

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

spellbook-of-modern-webdev

A Big Picture, Thesaurus, and Taxonomy of Modern JavaScript Web Development

OzJS

A microkernel for modular javascript, a toolchain for modern front-end, a micro-framework for growable WebApp

Project-WebCube

Continuously updated JS infrastructure for modern web dev

YVim

Out-of-the-box ~/.vim directory for MacVim

GrassMudMonkey

an Open Souce GrassMudHorse/Whitespace Engine Written in JavaScript

YAtom

Atom as Vim as IDE

DarkDOM

Design your own markup languages to build responsive cross-screen UI components

JSMatchismo

A pure JS implementation of Matchismo Playing Card Game of Stanford University CS193p lecture (Winter 2013)

TUICompiler

JavaScript preprocessor & autobuild tool

nodecube

A batch of continuously updated base code and configurations for the minimal modern node.js service that conform to RESTful API, 12-Factor App, Microservice Architecture

DollarJS

A jQuery-compatible and non-All-in-One library which is more "Zepto" than Zepto.js

mo

A collection of OzJS core modules that form a library called "Mo"

doubanchou

豆瓣抽～RP在此流动（demo for oz.js, event.js and IndexedDB）

moui

OO-based UI behavior modules behind CardKit(mobile webapp framework)'s view components

cardkit-demo-darkdom

Learning DarkDOM visually

EventMaster

Promise + Event = ?

BugHunter

A multiplayer "answer first game" or a competition responder system, based on NodeJS and OzJS

pachislot

Doubanchou II: Pachislot

grunt-ozjs

grunt tasks for oz.js and ozma.js

monokai-blackboard

A monokai-blackboard hybrid theme for Atom

cardkit-demo-gallery

CardKit Demo: Components Gallery App

cardkit-demo-todoapp

CardKit Demo: To-do App

momo

A framework and a collection for separate and simple implementation of touch gestures

ozma.js

Intelligent autobuild tool for OzJS

MacPacbot

a Python toolkit of PAC(auto proxy configuration) for Mac OS X

hifetch

A minimal higher-level wrapper around Fetch API

grunt-furnace

Grunt tasks for transforming code from one format to another

URLKit

A lightweight implementation of routing and URL manager

karma-ozjs

A Karma plugin. Adapter for OzJS framework

nodecube-example

Boilerplate code and a demo for HTTP API projects based on nodecube

webcube-example

Migrated to Project WebCube's monorepo

webcube-exercise

NervJS

A tiny, pure, event-based model wrapper for the MVC or MDV (Model-driven Views) pattern

generator-ozjs

Scaffolding tool for OzJS which offers a packaging workflow integrates toolchain, micro-framework and many best practices

SovietJS

Standalone UI event delegate implementation, provide multiple styles/modes

ozma-demo

ozjs.org

The website for all OzJS projects

PoormanAR

Poor man's augmented reality and motion tracking with web browser and webcam

YAAS

Yet Another All-in-one Spider for Greasemonkey

webcube-cli

ChoreoJS

An animation library which uses "stage" and "actor" as metaphors

gulp-tpl2amd

Convert js templates to AMD modules no matter what syntax

eslint-config-webcube

Migrated to Project WebCube's monorepo

yyopml

YyOPML is created for transforming OPML file into a webpage with a rich, intuitive interface. OPML is a simple XML format, you can export it by using google reader or almost all RSS readers.