'javascript'에 해당되는 글 4건

  1. 2010.06.21 HTML5 모바일 웹 어플리케이션 프레임웍 Sencha Touch
  2. 2010.03.24 window.onunload를 이용한 브라우저 상태캐치
  3. 2010.02.21 아이폰 구분 스크립트
  4. 2010.02.21 참고사이트

HTML5 모바일 웹 어플리케이션 프레임웍 Sencha Touch

HTML5 모바일 웹 어플리케이션 프레임웍 Sencha Touch ===J.O.B===/JAVASCRIPT 2010. 6. 21. 19:51
자바스크립트 프레임웍으로 유명한 extJS가 모바엘 웹 어플리케이션 프레임웍 Sencha Touch로 탈바꿈했다.

http://www.sencha.com/ 로 들어가보면 이렇게 아래와 같이 소개를 해놨는데..

Sencha Touch allows your web apps to look and feel like native apps. Beautiful user interface components and rich data management, all powered by the latest HTML5 and CSS3 web standards and ready for Android and Apple iOS devices. Keep them web-based or wrap them for distribution on mobile app stores

대충 보자면 html5와 css3를 기반으로 뭐 안드로이드, 애플 iOS등의 모바일 기반에서 네이티브 어플리케이션처럼 개발 할 수 있다는 내용 같은데~.. 영어가 짧아서.. 일단 데모영상을 보자면 아이폰 기본 어플리케이션과 아주 유사하게 동작한다는것을 알 수 있다.

아래는 데모 동영상이다.


Sencha Touch Introduction from Sencha on Vimeo.

저작자표시

'===J.O.B=== > JAVASCRIPT' 카테고리의 다른 글

window.onunload를 이용한 브라우저 상태캐치  (0) 2010.03.24
Posted by 샤가No01
:

window.onunload를 이용한 브라우저 상태캐치

window.onunload를 이용한 브라우저 상태캐치 ===J.O.B===/JAVASCRIPT 2010. 3. 24. 19:39
<script type="text/javascript">
function windowExit() {
        if (self.screenTop > 9000) {
                alert('닫힘');
        } else {
                if(document.readyState == "complete") {
                        // 새로고침 이벤트 발생시
                        alert('새로고침');
                }
        }
}
</script>

readyState 값으로는
uninitialized - 문서의 로드가 시작되지 않는다.

loading - 문서가 로드 중이다.

interactive - 문서가 어느정도 로드되어 사용자와 커뮤니케이션이 가능하다.

complete - 문서가 모두 로드되었다.
이렇게 있는데 FF에서는 loading을 못잡는지 좀처럼 alert을 찍을때 안찍히고. 대부분 complete나 interactive가 찍힌다..


저작자표시

'===J.O.B=== > JAVASCRIPT' 카테고리의 다른 글

HTML5 모바일 웹 어플리케이션 프레임웍 Sencha Touch  (0) 2010.06.21
Posted by 샤가No01
:

아이폰 구분 스크립트

아이폰 구분 스크립트 ===J.O.B===/FT.DEV 2010. 2. 21. 02:18

if (navigator.userAgent.indexOf('iPhone') != -1) { // 아이폰일때 일루 들어가고.


} else{ //아이폰이 아닐때는 일루.


}


아이폰 구분 스크립트 입니다. 아이폰(사파리)에서 플래시가 작동하지 않기 때문에, 플래시를 쓰는 경우는 저걸로 대처해서 이미지를 보여주거나 하는 방식


참고사이트

http://www.cssiphone.com/


'===J.O.B=== > FT.DEV' 카테고리의 다른 글

HTML5와 관련해서 꼭 알아야하는 특징, 팁, 기술 25가지(퍼옴)  (0) 2010.09.13
참고사이트  (0) 2010.02.21
Posted by 샤가No01
:

참고사이트

참고사이트 ===J.O.B===/FT.DEV 2010. 2. 21. 02:16

http://www.cadvance.org/

 

초급부터 고급까지~ HTML, CSS, JAVASCRIPT

 

http://lesliefranke.com/files/reference/csscheatsheet.html

 

CSS 치트시트~

'===J.O.B=== > FT.DEV' 카테고리의 다른 글

HTML5와 관련해서 꼭 알아야하는 특징, 팁, 기술 25가지(퍼옴)  (0) 2010.09.13
아이폰 구분 스크립트  (0) 2010.02.21
Posted by 샤가No01
:
1 

카테고리

최근에 달린 댓글

태그목록

하단 사이드바 열기
BLOG main image

티스토리툴바