언젠가 uxfactory 에서 글을 보고 내 블로그에도 적용시켜 봐야지 했는데, 오늘 회사에서 시간이 잠시 비어 적용해 봤습니다.
IE8에 도입된 새로운 기능 중 하나인 웹슬라이스를 사용할 수 있도록 적용해봤습니다.
어려운 기술이 들어가는 것은 아니고 단지 HTML 태그 두세개만 추가해주면 쉽게 적용 가능하네요.
다음 URL을 가보시면 쉽게 적용시킬 수 있을 것 같습니다.
링크
간단히 요약하자면 다음과 같은 태그를 적용시키고자 하는 부분에 넣어주시면 됩니다.
<p class=”entry-title”>item - $66.00</p>
<div class=”entry-content”>high bidder:buyer1
적용시킬 태그를 이곳에 넣어주세요.
</div>
</div>
div나 p 와 같은 태그는 신경안쓰셔도 되고, class 부분에 들어가는 이름만 적용하시면 될 듯 합니다.
그에 맞는 CSS도 함께 적용시켜주시면 한층 이쁘겠죠?
현재 IE8 베타1에서 이 기능을 사용하실 수 있고, FF3에서는 Webchunks (다운로드링크) 라는 이름의 확장기능을 통해 사용하실 수 있습니다. 이 확장기능은 IE8 beta1이 공개되자마자 다음날 바로 FF용 확장기능으로 나와 사람들의 입에 오르내린적이 있습니다. 현재 FF 3.0.1에서 사용가능한 버전은 webchunks 0.13 버전입니다. 위 링크에서 받으세요.
IE8과 부가기능을 설치한 FF 사용자가 제 블로그 사이드바의 최근 댓글에 마우스를 올리시면 손쉽게 추가하실 수 있습니다.
파이어폭스에서의 이미지
요건 IE8에서의 모습.
재미로 적용시켜 봤는데, 추후에 IE8이 보급될 경우 많은 확장성이 있겠네요. ^^
IE의 경우에는 즐겨찾기의 빠른연결에 등록이 가능한데, FF의 경우는 빠른연결 하단에 또다른 Bar 가 생기는점이 아쉽습니다.
그리고 IE는 아직 버그인지 이름을 수정해도 반영이 되지 않는군요. 조만간 Beta2나 정식버전이 나오면 수정될 부분인것 같습니다.
'Review > IT' 카테고리의 다른 글
| [ IE8 ] 웹슬라이스를 적용한 미투데이 최근 댓글 구독. (10) | 2008/08/12 |
|---|---|
| [ IE8 ] 웹슬라이스(webslices) 적용했습니다. (2) | 2008/08/11 |
| [두번째] Javascript를 사용한 rich Editor. (6) | 2007/12/12 |
| [첫번째] Javascript를 사용한 rich Editor. (4) | 2007/12/09 |
TRACKBACK :: http://onionmen.kr/trackback/254
-
Subject: nc의 생각
Tracked from ncsoft's me2DAY 삭제블로그에 웹슬라이스 적용시켰어요. 미투에도 Comments To Me나 Comments By Me에 적용하면 유용할듯 해요!
2008/08/11 18:02 -
Subject: IE 8, 눈에 띄는 세가지 기능 (인터넷 익스플로러 8 정식 버전)
Tracked from Krang :: 블로그, 웹서비스리뷰, 닥스훈트 삭제반 년 가까이 베타서비스로 담금질 해왔던 인터넷 익스플로러 (Internet explorer) 8 버전이 정식 공개 되었네요. 공개되자마자 버츄얼 PC에 설치해서 사용해 봤는데 이전버전(IE 7)보다 속도는 확실히 나아졌지만 로딩타임 비교 테스트와 언론에서 보여주는, 다른 브라우저보다 현저히 빠른 수준이라는 느낌은 받지 못했습니다. 전 오히려 요즘 이용하고 있는 오페라 10 베타버전의 속도가 놀라울 정도라는 느낌이 들더군요. 특히 인내심 테스트 하기..
2009/04/28 19:41
댓글을 달아 주세요
아이콘을 누르면 옆으로 프레임처럼 나타나는건가요??
2008/08/22 20:32내가 정확히 이해를 잘 못하는 듯.. ^^;;;;;
아이고, 안녕하세요 란♡님. 오랜만입니다.
2008/08/24 01:31제 글에 설명이 부족했나봅니다.
아이콘을 누르면 프레임처럼 나타나는건 아니고, 즐겨찾기처럼 등록이 됩니다.
익스플로러(또는 FF)의 주소표시줄 아래에 등록이 됩니다. 그리고 그걸 클릭하시면 별도의 창이 뜨지 않고 바로 그부분에 대한 업데이트된 내용을 확인하실 수 있는거죠.
자세한 내용은 이곳(http://joongs.net/15)을 참고하시면 될 것 같아요 ^^