Peter-Paul Koch 이 여러 모바일 기기/브라우저들의 DOM/CSS/Javascript등의 호환성에 대해 굉장히 잘 정리한 글이 있어 소개해 드립니다.

 

 

Opera Mobile Opera Mini 4.2 S60 WebKit Apple WebKit Other WebKit NetFront Blackberry IE Mobile Skyfire
(VF WM) Nokia E66 (9.5) HTC Touch Diamond (8.65) SE P1i (8.00) Motorola V3xx Nokia E71 Nokia E66 Nokia E71 Nokia N95 Samsung i560 iPhone Android Bolt (E71) Iris (HTC) Samsung F700 Sony Ericsson K770i Sony Ericsson C510 Blackberry 9500 HTC Touch Diamond Nokia E71

 

위와 같은 모바일 기기와 브라우저들에 대해 테스트를 진행했으며 테스트에 대한 결과를 아래와 같이 세가지로 구분하여 정리를 해 놓았습니다.

 

  • Mobile JavaScript/CSS Tests - 일반적인 DOM 메서드, Ajax, Touch 이벤트, Keyboard 이벤트, 폰트 스타일링, 사용자 정의 이벤트
  • Mobile CSS - CSS 2.1 선택자와 CSS의 적용
  • Mobile W3C CSSOM - CSS Object Model의 W3C DOM 호환성

  • 위와 같은 테스트를 통한 결과를 표로 굉장히 잘 정리해 놓았으며 관련 테스트 페이지도 확인할 있어서 결과를 확인하시기 굉장히 편하실겁니다.

    그리고 테스트는 계속 진행중이라고 하네요.

     

     

    Google Talk on Mobile Browsers

     

    Yahoo Talk (also discusses mobile browsers)


    PPK (Peter-Paul Koch): "JavaScript Events" @ Yahoo! Video

     

    결과를 보니 역시 IE.....- _-)b 라는 생각이 드네요...

     

    참고

    http://ejohn.org/blog/how-do-mobile-browsers-behave/

    http://quirksmode.org/

     

    의견을 달아 주세요

    1. Popeye 2009/09/04 15:10 답글수정삭제

      아, 어려워요.
      그러나 배우고픈데여...
      하이가든님이 부럽구요.

    2. marilynpoz 2009/12/29 23:59 답글수정삭제

      At all personal messages send today? <a href= http://viagara.vigra-pill.info/generic-viagara-Indiana.html >viagara Sorry, for off top, i wanna tell one joke) What do you call a veterinarian with laryngitis? A hoarse doctor.

    3. bettejib 2010/01/02 05:20 답글수정삭제

      Yes, really. It was and with me. <a href= http://viagara.vigra-soft.info/viagara-mexico.html >viagara I have a nice joke for you people! :) Did you hear about the two silkworms that had a race? It ended up in a tie.

    트랙백 주소 :: http://highgarden.textcube.com/8/trackback/
    옵션
    댓글 달기

    각종 관계형 데이터들을 멋지게 표현할 수 있도록 도와주는 자바스크립트 라이브러리인 Javascript InforVis Toolkit을 소개합니다~

    http://thejit.org/

     

     

     

    위의 스샷과 같이 여러형태의 모양으로 데이터를 표현해줄 수 있고 기본적으로 데이터는 JSON을 지원을 합니다.

     

    홈페이지에 API가 굉장히 쉽게 정리 되어있어 사용법도 매우 간편합니다~

    단점으로는 노드들을 미리 정의되어있는 몇가지 형태의 shape(“square”, “rectangle”, “circle”, “triangle”, “star”)으로만 지정할 수 밖에 없는 등의 사용자의 표현의 제약은 있지만 그래도 굉장히 멋진 라이브러리 임에는 틀림없습니다.

     

     

    간단히 제작해본 김연아 양의 트위터 플로어들 입니다(부럽부럽..)..

    의견을 달아 주세요

    트랙백 주소 :: http://highgarden.textcube.com/7/trackback/
    옵션
    댓글 달기

    iPhone App를 개발하기 위해 Object-C와 iPhone SDK를 배워야 될 필요가 없습니다.

    HTML 페이지와 Javascript로 iPhone를 개발할수 있는 NimbleKit!!

     

    자세한 내용은 홈페이지를 참고하세요~~

    http://www.nimblekit.com/

     

    한번 해보고 싶은데 역시나 Mac에만 설치할 수 있어.. Mac이 없는 저로써는 어찌 해볼 방법이 없네요..

     

    혹시 사용해보신분들... 소감좀 올려주세요~~~

    의견을 달아 주세요

    1. gowynmilli 2009/08/05 12:24 답글수정삭제

      positive efforts american address extinction prepared radiative

    트랙백 주소 :: http://highgarden.textcube.com/6/trackback/
    옵션
    댓글 달기

    Speed Up Your JavaScript!!

    Web/Javascript | 2009/06/08 09:18 | 하이가든

     

    6월 4일에 Google에서 등록한 Javascript의 퍼포먼스를 향상시킬 수 있는 코딩가이드의 동영상입니다. Javascript를 다루시는 분들에게는 매우 좋은 자료인것 같습니다~

     

    관련자료

    http://www.nczonline.net/blog/2009/01/13/speed-up-your-javascript-part-1/

    http://www.nczonline.net/blog/2009/01/20/speed-up-your-javascript-part-2/

    의견을 달아 주세요

    트랙백 주소 :: http://highgarden.textcube.com/5/trackback/
    옵션
    댓글 달기

    Javascript의 유효성 검사. JSLint!!

    Web/Javascript | 2009/06/08 09:11 | 하이가든

    Douglas Crockford가 제작한 javascript의 유효성 채크를 위한 툴입니다.

    아래와 같이 코드를 넣고 JSLint 버튼을 누르면 하단의 Error 창에서 문제가 발생한 곳의 위치와 권장되는 사용법을 함께 나타내 줍니다.

     

    그리고 아래와 같이 여러가지 옵션도 채크할 수 있습니다.

    의견을 달아 주세요

    트랙백 주소 :: http://highgarden.textcube.com/4/trackback/
    옵션
    댓글 달기