day.js - A .JS a day

  • RSS Feed
  • Archives
  • Ask me anything
  • Submit
  • 2nd June 2012

  • Permalink
  • Tweet this

ui slider

A LINK

UI工具箱: xgui.js

和 dat.GUI的目標相近-提供一個用來調整js variable的UI,不過提供更多種類的UI如 knobs, colorPickers 等等,見圖

不過好不好用還是要寫點什麼才知道。

  • 30th May 2012

  • Permalink
  • Tweet this

humor xd animation agent m$

A LINK

clippy.js

大家還記得今年stackoverflow的April Fool嗎? 對, 就是那個迴紋針 (萬字夾)先生啦! 現在有人把他及其他Office小幫手-魔法師梅林(不是午餐肉品牌)、小狗Rover、小貓Link拆出來組成JS library,可以做動作、說話、和cursor互動,有興趣在網站放點惡搞物的可以看看喔!

  • 7th May 2012

  • 1 note 
  • Permalink
  • Tweet this

ui gui control input slider

A LINK

Control Panel UI: dat.GUI

dat.GUI (aka dat-gui) 是個很常見也很好用的Control Panel GUI,是chrome experiment官方認可的工具library之一,常見於three.js的demo用來改變Demo的參數

使用上很簡單,load library + 一個dat.GUI的instance + 一些data linkage的code就會有個漂亮的panel及slider跑出來了。(好 android/openGL …)

除了要自己做data linking和API有點煩外一切還好。

(p.s.1 IE支援別問我 w)

(p.s.2 iPad支援不行 orz)

Step by Step tutorial及Live Demo

  • 4th May 2012

  • Permalink
  • Tweet this

framework node.js aui realtime

A LINK

Meteor

meteor 本身是想做全JS的Single Page Application型的webapp: server是node.js,client side是JS,Full stack有MVC有ORM有JS Lib再加上Reactive (AUI)…

Server side的部分:

  • 和rail相似的command line interface (cli) 做app的生成、管理
  • Controller 是 pubsub
  • DB是MongoDB
  • Template是Handlebars但可以改
  • long polling / web-socket 去push 資料給client
  • bundle management & deployment
  • Bootstrap integration

這部分看似普通 (Full stack framework要做的事都有),接下來才是重點:

Client side的部分

  • Live HTML + Auto 2-ways data-binding (data-link),可以在最少coding的情形下做到即時全client更新 (realtime reactive client)
  • Hot code push 可以不用refresh之下update code (Erlang?!)
  • client side直接update DB (?!!)

因為是前etherpad的成員做在realtime方面可是有一定保證

Demo可以參考小影的todoMVC: Demo , Source Code on Github

要注意的是meteor是沒有client side的router,router可以搭backbone.js或者其他。server push那個部分也是預設long polling,要自己改web socket出來 (fallback with sockjs)。

另外Security可以參考這篇 Security with Meteor

  • 26th March 2012

  • Permalink
  • Tweet this

jquery-plugin spell-check input

A LINK

mailcheck: Email domain spelling suggester

mailcheck是個jQuery plugin,功能就是 email address的spell checker (主要針對domain)

詳細: How we decreased sign up confirmation email bounces by 50%

  • 13th March 2012

  • Permalink
  • Tweet this

markdown editor

A LINK

Epic Editor

EpicEditor做的事很epic —

An Embeddable JavaScript Markdown Editor

Looks cool.

  • 11th March 2012

  • Permalink
  • Tweet this

html5 canvas

A LINK

gury

Gury是個用chained method去create canvas application的library。

預設已有mouse event,也有Game Sample,CPU用量尚可,算是可以用的library-不過問題依舊:

沒object management

orz…

gury (pronounced “jury”) is a JavaScript library designed to aid in the creation of HTML5/Canvas applications by providing an easy-to-use chain based interface.

  • 1 note 
  • Permalink
  • Tweet this

time npm

A LINK

moment.js

主攻time formatting的npm plugin

A lightweight javascript date library for parsing, manipulating, and formatting dates.

  • 4th March 2012

  • Permalink
  • Tweet this

loader .js

A LINK

basket.js : 用localStorage的Script Loader

basket.js是用localStorage做caching的Script Loader,不過因為是試驗用的不知有多可靠…

basket.js: A simple (proof-of-concept) script loader that caches scripts with localStorage

  • 3rd March 2012

  • Permalink
  • Tweet this

game-engine

A LINK

entityjs

比enchast.js成熟一點的Engine

只是audio仍然有問題…

Next »

Group members

  • vincicat

Atonement by Toni Romero, Updated by @vincicat / Powered by Tumblr /