전에도 언급을 한적이 있었는데, 모바일 코딩은 무조건 가벼워야 합니다.  최근에 모바일 관련 질문이 많은 걸 보니 한국도 드디어 모바일 페이지 붐(?)/모바일 페이지 를 만드시는 분들이 많이 생기기 시작하나 봅니다.

제가 모바일 코딩을 보면서 가장 눈살찌프려지는게 쓸데없는 자스 (jQuery 모바일, 센차등을 포함해서) 사용 입니다.

모바일에서 가장 중요한게 로딩 속도인데, 드랍다운 메뉴나 다른 UI, animation 때문에 필요없는 자스가 남용되는 경우를 참 많이 봤습니다.

자스/jQuery 로 가능한 거의 모든 animation 은 css 로도 가능합니다.

css animation 은 물론 하위 IE 버전 (IE 10 이하) 에서는 작동안합니다.  그렇지만 아이폰이나 갤럭시에서 IE8을 쓰지는 않죠.

무슨 얘기냐 하면, 모바일 플랫폼에서는 가능하다면, 모든 jQuery animation 효과를 css 로 대체해서 페이지 로딩을 최대한 가볍게 할 필요가 있다는 얘기 입니다.

css 만으로 구현되는 3D 회전

http://hackya.com/blog_kr/css-3d-회전/

전에도 소개해드린적 있는 다른 여러가지 css animation 효과들 입니다.

http://hackya.com/tutorial/css_example/

http://hackya.com/lab/css3/3D_rotate

우클릭 하셔서 저장하기. 

css 는 일단 열어놓고 코드를 보시는게 가장 빨리 이해됩니다.

*모바일 뿐만아니라 데스트탑에서도 2~3년 후면, 한국에서도 IE10 이하, IE8,9  점유율이 5% 미만으로 떨어질거고 (아마도.. ㅎㅎ)

그때가서도 css 도 제대로 사용하지 못하는 웹디자이너가 계시다면?  문제가 심각한거죠.  아직 한국은 IE 점유율이 높아서 css3 에 대한 큰 관심이 없으실 수 있는데... 금방입니다....