아마 내년정도면 전세계적으로 보면 IE 9 이하 사용자는 5% 수준으로 떨어지지 않을까 싶습니다.

대부분의 국가에서 크롬이나 파폭사용이 IE 를 앞서거나 비슷한 수준입니다.

물론 한국은 전혀 다른 환경이지만...

그만큼 한국의 웹개발은 뒤쳐지게 된다는 얘기겠죠...

그렇다고 대중화 되기 힘든건 아니죠... 뭐 CSS 지원이 100% 안된다고 CSS 가 대중화 안된건 아니잖아요..

그리고 HTML5 로 구현된 사이트들, 현재도 크롬이나 파폭에서는 아무런 문제없이 잘 보입니다.

대중화가 벌써 많이 되었습니다.  (미국에서는)

네. 크롬이나 파폭은 거의 90% 이상 지원되고 있어서, 현재 HTML5 개발에 아무런 문제가 없습니다.

그렇죠.  한국만 10년전 수준으로 머무르게 되는거죠... IE 덕분에.

그런데 IE 욕할일은 아니죠.

http://en.wikipedia.org/wiki/File:Wikimedia_browser_share_pie_chart_2.png

마소가 한국에게 IE 쓰라고 강요한것도 아니고...

보시면 아시겠지만, 전세계적으로 크롬, 파폭, IE, 이 셋이서 20% 중반대 점유율을 보이고 있습니다.  (크롬이 급격하게 성장중이긴 하지만... IE 는 급격하게 추락하고 있고...)

그런데 한국은 IE 가 90% 정도는 되지 않나요?  전세계 유일한, 아주 이상한 상황인거죠.  마소/IE 문제는 아닌 것 같습니다.

저건 사실 아무것도 아닌데....

html 에서 돌아가는 3D 게임 해보셨나요? 쥑입니다. ㅋㅋㅋ

http://www.youtube.com/watch?v=XhMN0wlITLk

갤러거 이런 게임들 다 html 에서 개발할 수 있고, 장점은, 개발시간이 무척 빠르다는거죠. 

또 누구나 개발 할수 있는거고.  html5, .js, .css 이것만 알면 되는거거든요.

저는 어제 html5 5분짜리 동영상 한편 봤습니다.  입이 쩍 벌어지더군요.

html 용 스타크래프트도 곧 누가 만들어서 올릴듯.... ㅋㅋㅋ

multiplayer 가 가능하니까...

http://www.youtube.com/watch?v=zj1qTrpuXJ8

커피는 막심, 이분은 정말 난독증도 심하시고, 개념은 제로고.... 에 효...

css3 transition, transforms, animation, 이거랑  javascript (i.e., jQuery) 랑 뭔 상관인건데?

아오.. 손발이 오그라들려고해...

@keyframes resize {
0% {
padding: 0;
}
50% {
padding: 0 20px;
background-color:rgba(255,0,0,0.2);
}
100% {
padding: 0 100px;
background-color:rgba(255,0,0,0.9);
}
}

#box {
animation-name: resize;
animation-duration: 1s;
animation-iteration-count: 4;
animation-direction: alternate;
animation-timing-function: ease-in-out;
}

"jQuery 의 동적표현"

네. jQuery 는 그냥 javascript library 가 맞습니다.  그렇지만 통상적으로 "jQuery 배너" "jQuery 메뉴" "jQuery 슬라이더" 이렇게 표현을 하지요.

동적 구현이 모두 대체가능 합니다만.... -..-;;

jQuery 의 .animate() 이게 css3의 @keyframes 로 대체된다.  html 의 native instruction 이라 더 호율적이고 더 코드가 간소하기 때문이다.

뭔 막말을 제가 한거죠?

음... 그렇군요... 플래쉬 + jQuery 의 동적구현을 대체한다는 표현이 더 옳은 것 같네요.

역쉬 행님!!!!!  ㅋㅋㅋ

그렇지만 제목이 잘못된건 아닌것 같은데요... 제가 JSON, AJAX 를 대체한다고 써놓은것도 아니고.....

음... 제가 직접 구축할 실력은 안되지만, server side variable 을 html5 + DOM 으로 대체한 사이트를 봤습니다.  그런면에서 AJAX 도 대체 가능하다고도 얘기할 수 있을 것 같습니다.

네. 알겠습니다.

jQuery 의 animate 기능을 대체해준다고 좀더 정확한 표현을 했어야 할 것 같네요.

제가 jQuery 라고 한거는 jQuery library 를 뜻한게 아니라 평상적으로 jQuery 라고 말할때 지칭하는 동적구현 부분을 얘기한 것 입니다.

왜 한국이나 미국이나 "jQuery 메뉴" 이런식으로 말하잖아요.

그누보드 SQLite 버전 하나 주시면, 바꿔드릴게요. ㅋㅋㅋ

그걸 찾고 있는데 못찾겠네요.. ㅠㅠ  저번에 어느 블로그에서 한번 봤는데... 훔.....

제일 위에 부드럽게 drop down 메뉴.  "작업실, 자료실" 나오는거.

jQuery easing 버전 1.3 쓰시는거, 그 .js 빼시고, 아래 css 로 대체 하실 수 있습니다.  더 빠르고 더 가볍습니다.  방문자가 javascript enable 안해놨어도 작동하구요.  .js 가 없으니까.

이제 그누보드 SQLite 버전 하나 보내주시길 학수고대하고 있겠습니다. ^^

행님은 분명 갖고 계실거 같아서요... 제발요.. ㅠㅠ


/*************** CSS3 Drop Down **************/
/************* Code by Josh Vogt @ vogtjosh.com ************/
/**************  Enjoy! *******************/
@import url(reset.css);
@import url(http://fonts.googleapis.com/css?family=Inconsolata);

body{
font-family: 'Inconsolata',arial,sans-serif;}

/**** Links ****/
a{
color: white;
text-decoration: none;
}

a:hover{
color: #333;
}

p{
margin-bottom: 10px;
}

p:first-line{
font-style: italic;
font-size: 13pt;}

h1{
text-align: center;
font-size: 28pt;
color: rgba(255,255,255,.8);
text-shadow: rgba(0,0,0,.5) -1px -1px 2px;
padding: 10px;
}

h3{
text-align: center;
font-size: 14pt;
margin-bottom: 20px;
color: rgba(255,255,255,.8);
}


#wrapper{
    width:960px;
    height:500px;
    margin:0 auto;
    background:#ff6600;
    }
   
    #wrapper:after{
    content:".";
    visibility:hidden;
    height:0;
    display:block;
    clear:both;
    } 

#top{
width:900px;
margin-left:20px;
height: 25px;
    padding: 10px;
background: white;
background: rgba(255,255,255,1);
    position: relative;
    z-index: 2;
-webkit-box-shadow: #333 1px -1px 3px;
-moz-box-shadow: #333 1px -1px 3px;
-o-box-shadow: #333 1px -1px 3px;
box-shadow: #333 1px -1px 3px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -o-border-radius: 9px;
    border-radius: 9px;
}

#top ul{
    float:left;
    display:block;
    } 

#top ul li{
    text-align: center;
    display:block;
    float:left;
    width:170px;
    }
   


   
#top li li, #top li li a{
    height:0px;
    margin-top: -10px;
    text-align: center;
color:-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FF6600,endColorstr=#00FF6600)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FF6600,endColorstr=#00FF6600);  /* IE6 & 7 */
      zoom: 1;
    color: rgba(255,102,0,0);
    text-decoration: none;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    }

.toplink{
color: #ff6600;
font-size: 14pt;
text-decoration: none;
}
   
#top li:hover li{
height:30px;
margin-top:5px;
margin-bottom: 5px;
}

#top li:hover li a{
color:#ff6600;
color: rgba(255,102,0,.8);
text-decoration: none;
}

#top li li a:hover{
color:#333;
}

#top ul ul{
background:white;
background: rgba(255,255,255,1);
-webkit-border-bottom-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-o-border-bottom-left-radius: 9px;
-o-border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
} 

#top li li:first-of-type{
padding-top: 15px;
}


#mainContent{
float: left;
position: absolute;
width: 860px;
margin-top:30px;
margin-left:50px;
text-align: justify;
}

음...

CSS animations on the iPhone and iPad use hardware accelerated native animations. These are far faster, smoother and use far less resources than the jQuery javascript only animations.

해석해 드리자면, css 가 jQuery 보다 훨씬 더 빠르고 부드럽다.  왜냐?  css 는 native execution 이기 때문에.  특히 스마트 폰 같은 경우는 많은 차이가 납니다. 

행님 사이트 얼마전까지만해도 들어가서 보지도 못했어요.  로딩하다가 time out 되서... 요즘 좀 빨라져서 이제 겨우 들어가져요... 아직도 페이지 로딩하는데 한 3초정도 걸립니다. (미국에서는)

jQuery 를 개발자들이 피하기 시작한 이유는 다른 환경에서보다도 특히 스마트폰의 환경에서 그 속도의 차이가 눈에 띄게 들어나기 때문입니다.

국제 전화를 드려야 해요? ㅠㅠ

여기 미국 동부에요. ㅠㅠ

그러지말고 SQLite 버전 하나만 좀 부탁드릴게요.  절대 저 혼자만 쓸거에요... ㅠㅠ

아니 또 제가 언제 jQuery 를 폄하했다고 그러세요? ㅠㅠ

documentation 에 그렇게 설명되어 있는데, 그걸 번역했다고 제가 jQuery 를 폄하 하는건가요?  ㅠㅠ

제가 하는 얘기가 아니라 엔지니어분들이, W3C 에서, 테스트 해보고 그렇게 얘기하는거잖아요....

왜 저한테 그러세요? ^^