글 수 52

웹의 역사를 돌이켜 보면 플래시가 크게 확산되었던 이유는 플래시를 통해 현란한 네비게이션 바를 만들면서 부터 였던 것 같습니다. 국내에도 플래시 네비게이션 만들기 액션 스크립트가 돌아다니고 학원에서 집중적으로 가르치기도 했었지요. 


그런데 당장 네비게이션이 아이폰/아이패드에서 보이지 않는 문제가 발생하죠? 바로 이것이 플러그인 기술의 폐해입니다. CSS3 는 이미 충분히 멋진 애니메이션을 제공하고 있습니다. 웹잘하시는 분들 한번 기존에 흔히 쓰이는 네비게이션 바들 플래시와 같은 효과를 내면서 CSS3 로 만들어 보는 것은 어떨까요?

대표적으로 이런 네비게이션 바.

http://jungle.co.kr/


CSS3 Transition 을 잘활용하면 될 것 같습니다.

참고해 볼 만한 예제소스는 다음과 같습니다.

http://people.opera.com/patrickl/experiments/css3/transitions/
http://people.opera.com/dstorey/transitions/transition-timing-example.html
http://people.opera.com/andreasb/temp_toshiba/stack


IE 같이 CSS3 지원하지 않는 브라우저는 예외처리 하도록 하면 될것 같습니다.

웹개발자 세상을 바꿔 보아요~~


누구든지 한번 만들어 보시고 나중에 그 결과를 함께 공유해 보면 어떨까요?

Toby 님 한번 시도해 보실래요?



미투데이
profile

@manyoungc

Web Evangelist

http://manyoung.net



엮인글 '1'

http://www.webdevmobile.com/xe/index.php?document_srl=413&act=trackback&key=685

2010.05.28 17:49

manyoung의 생각 - manyoung's me2DAY

[제안] CSS3/웹표준 네비게이션 만들기 운동


[레벨:2]데미나인

2010.07.26 23:18:12

좋네요^^

그런데 http://apycom.com/ 이정도만이라도 충분히 가치가 있을 것 같습니다.

예외처리를 저것으로 하는것도 괜찮지 않을까요? 플래시를 아예 사용하지 않고..

List of Articles
번호 제목 글쓴이/날짜 조회 추천
공지 스팸때문에 등업시스템을 도입합니다. [1] [레벨:30]WebDevMobile
2011-07-04
26621 1
12 W3C HTML5 대한민국 관심그룹 킥오프 미팅 [1] [레벨:30]WebDevMobile
2010-11-07
14862  
11 새로운 운영진 안내 [6] [레벨:30]WebDevMobile
2010-10-28
13547  
10 W3C HTML5 한국어 관심 그룹(Interest Group) 발족! [4] [레벨:30]WebDevMobile
2010-10-27
12936  
9 운영진 모집! 두둥! [4] [레벨:30]WebDevMobile
2010-10-21
12969  
8 사이트 구조를 변경했습니다. [레벨:30]WebDevMobile
2010-10-04
15123  
7 9월 우수활동 회원^^ [2] [레벨:30]WebDevMobile
2010-09-18
15532  
6 8월 우수활동 회원^^ [17] [레벨:30]WebDevMobile
2010-08-09
15669  
5 웹사이트 리뉴얼 작업 공지 [8] [레벨:30]WebDevMobile
2010-08-02
15591  
4 6,7월 활동 열심히하신 회원분들 [15] [레벨:30]WebDevMobile
2010-07-11
20700  
3 메일인증부분 제거했습니다. 로그인 문제 해결 [레벨:30]WebDevMobile
2010-07-07
22266  
» [제안] CSS3/웹표준 네비게이션 만들기 운동 [1] [1] [레벨:27]Manyoung
2010-05-28
30923  
1 새로 오픈해서 많이 부족합니다. [4] [레벨:8]WebDevMobile
2010-05-26
28874