Renic Lin

fun with code.

Web-todo

| Comments

web-todo

最近在練習 ClojureScript 和 sass ,

用 html / scss / clojurescript 寫了一個 todo 小程式,

整個畫面的呈現靈感來源是 Android 上的一支 todo app any.DO

有興趣的可以到 github 上抓:web-todo

儲存是用 localStorage 所以可以純 client 不用 server ,

用法 github 上 README 有寫,

如果從來沒用過 ClojureScript 和 sass 對環境設定苦手,

只想看看呈現結果的,可以直接用瀏覽器打開 samples/todo.html ,

這個檔案已經包含了所有需要的 script 和 style,

測試過能在 Chrome、FireFox、Opera 和 Safari 上正常運行,

IE 沒測試過,不過我猜應該沒辦法跑。

開起來畫面長這樣

新增一些todo item

兩個 todo item 都在 Today

可以把 todo item 從 Today 拖曳到 Later

在已經完成的 todo item 上點擊可以把 todo item 設為已完成,點右邊 x 可以刪掉 item

點選左上角的兩個圈圈可以切換白色/黑色兩種主題

相關聯結:

Clojure

ClojureScript

sass

Compass

fancy-buttons

Animate Mixin for Compass/SASS

Comments