Beginner HTML5, JavaScript, jQuery, Backbone, and CSS3 Resources

http://www.elijahmanor.com/2013/01/beginner-html5-javascript-jquery.html

html5 Resources

• HTML5 for Web Developers API
• HTML5 Semantics by Bruce Lawson Blog
• Semantics in HTML5 by John Allsopp Blog
• Designing a blog with HTML5 by Bruce Lawson Blog
• HTML5 Rocks Tutorials Blog
• Move the Web Forwards Misc
• HTML5 Doctor Blog
• HTML5 Specification API
• Dive Into HTML5 by Mark Pilgrim Book Free

angular.js

HTML enhanced for web apps!

jquery보다 훨씬 동적이면서 구문에 자유로운 구현이 가능하다.

확장성이 높아서 웹앱을 제작하는데 있어서 동적구현이 가능하다.

AngularJS 시작하세요.
http://angularjs.org

github : https://github.com/angular/angular.js

Tutorial : http://docs.angularjs.org/tutorial/

Download : http://code.angularjs.org/

Video : http://www.youtube.com/user/angularjs

AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding. To help you structure your application better and make it easy to test, AngularJS teaches the browser how to do dependency injection and inversion of control. Oh yeah and it also helps with server-side communication, taming async callbacks with promises and deferreds; and make client-side navigation and deeplinking with hashbang urls or HTML5 pushState a piece of cake. The best of all: it makes development fun!

• Web site: http://angularjs.org
• Tutorial: http://docs.angularjs.org/tutorial
• API Docs: http://docs.angularjs.org/api
• Developer Guide: http://docs.angularjs.org/guide
• Contribution guidelines: http://docs.angularjs.org/misc/contribute

http://www.coronalabs.com
자바스크립트와 유사한 루아(LuaScript)라는 언어를 사용하는 모바일 최적화된 플랫폼입니다. 물리엔진이 강력해서 앵그리버드를 30분만에 만들죠.

- Adobe AIR로 앱 만들기
http://facebook.com/groups/airapp

- CoronaSDK로 앱 만들기
http://facebook.com/groups/coronasdk

* input 이 hidden 이거나 포커스 없이 value()가 변경되는 것을 체크할때 사용.

.change() 로 확인안될때.

  
  survey('input[name=hidden 객체]', function(){ 
        console.log('changed');
  }); 
  
 

        function survey(selector, callback) {
            var input = $(selector);
            var oldvalue = input.val();
            setInterval(function(){
               if (input.val()!=oldvalue){
                   oldvalue = input.val();
                   callback();
               }
            }, 100);
         }

http://stackoverflow.com/questions/12580761/hidden-input-change-event

http://visionmedia.github.com/uikit/

Modern UI components for the modern web

UIKit is a small collection of flexible, decoupled jQuery JavaScript components for the modern web. With an emphasis on structure-only styling it's easy to style UIKit to match your application, no preprocessor variables, just raw CSS structure! As a result most of the styling you see in this document is for demonstration only.