https://gauntface.com/blog/2014/02/05/cordova-web-best-practices-v2-0
http://spiritmachineblog.tumblr.com/post/41432461669/a-simple-openlayers-app-with-yeoman-sinatra-mongodb
HTML5 Boilerplate Sass with Compass Modernizr
http://thibaultdenizet.com/tutorial/cors-with-angular-js-and-sinatra/ 簡單說:發現現在要走moble app,要有yoeman的產生的網頁檔,或是 走Angular.js, jquerymobile, bootstrap三個來做。
新增、修改、刪除 走Restful,看上面範例。這樣產出來的網頁能適用 手機和平板。
但要把 程式轉成可以用cordova,要用Compass之類的,把所有的js, css, html5 三個檔。 http://vimeo.com/35998909
https://www.youtube.com/watch?v=e4yUTkva_FM
https://www.youtube.com/watch?v=wVntVkRLR3M
bit.ly/zen-ng-phonegap
Angular UI部份
這看起來有點像官方Angular原生 http://angular-ui.github.io/bootstrap/
這是另一個整合好Bootstrap and Angular JS http://mobileangularui.com/
這是angular+ionic http://ionicframework.com/ http://ionicframework.com/docs/overview/#download http://ionicframework.com/docs/components/
================== **SASS (Sass)
**require jquery.mobile 21:13
http://demos.jquerymobile.com/1.2.0/ http://demos.jquerymobile.com/1.2.0/docs/pages/page-anatomy.html
css style => data-role
%meta{name: ‘viewport’, content: ‘width=device-width, initial-scal-1’)
http://demos.jquerymobile.com/1.2.0/docs/lists/lists-collapsible.html
**haml http://html2haml.heroku.com/
===== phonegap 41:01 開一個android專案,但只是把網頁load進來…..真是簡單 www/index.html
script include: phonegap-1.3.0.js onBodyLoad(){ document.addEventListener(“dviceready”, onDeviceready, false); windows.location.href = ‘http://localhost:3000’ } http://mobileangularui.com/demo/#/ http://ionicframework.com/
============ https://www.youtube.com/watch?v=sCnGSOaaZFo
http://jaydata.org/blog/angularjs-with-jaydata%E2%80%93-the-todo-example-with-the-itemstore-api
...