webslice 라고 적어놨는데, webslices 군요. 제목 수정했습니다.


언젠가 uxfactory 에서 글을 보고 내 블로그에도 적용시켜 봐야지 했는데, 오늘 회사에서 시간이 잠시 비어 적용해 봤습니다.

IE8에 도입된 새로운 기능 중 하나인 웹슬라이스를 사용할 수 있도록 적용해봤습니다.
어려운 기술이 들어가는 것은 아니고 단지 HTML 태그 두세개만 추가해주면 쉽게 적용 가능하네요.

다음 URL을 가보시면 쉽게 적용시킬 수 있을 것 같습니다.

링크

간단히 요약하자면 다음과 같은 태그를 적용시키고자 하는 부분에 넣어주시면 됩니다.

<div class=”hslice” id=”1”>
  <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나 정식버전이 나오면 수정될 부분인것 같습니다.

Creative Commons License
Posted by onionmen

트랙백 주소 http://onionmen.kr/trackback/254 관련글 쓰기

  1.  삭제

    Subject: nc의 생각

    2008/08/11 18:02 | Tracked from ncsoft's me2DAY

    블로그에 웹슬라이스 적용시켰어요. 미투에도 Comments To Me나 Comments By Me에 적용하면 유용할듯 해요!

  2.  삭제

    Subject: IE 8, 눈에 띄는 세가지 기능 (인터넷 익스플로러 8 정식 버전)

    2009/04/28 19:41 | Tracked from Krang :: 블로그, 웹서비스리뷰, 닥스훈트

    반 년 가까이 베타서비스로 담금질 해왔던 인터넷 익스플로러 (Internet explorer) 8 버전이 정식 공개 되었네요. 공개되자마자 버츄얼 PC에 설치해서 사용해 봤는데 이전버전(IE 7)보다 속도는 확실히 나아졌지만 로딩타임 비교 테스트와 언론에서 보여주는, 다른 브라우저보다 현저히 빠른 수준이라는 느낌은 받지 못했습니다. 전 오히려 요즘 이용하고 있는 오페라 10 베타버전의 속도가 놀라울 정도라는 느낌이 들더군요. 특히 인내심 테스트 하기..

댓글을 달아 주세요

  1. Favicon of http://dbjang.tistory.com BlogIcon dbjang 2008/08/22 20:32  댓글주소  수정/삭제  댓글쓰기

    아이콘을 누르면 옆으로 프레임처럼 나타나는건가요??
    내가 정확히 이해를 잘 못하는 듯.. ^^;;;;;

    • Favicon of http://onionmen.kr BlogIcon onionmen 2008/08/24 01:31  댓글주소  수정/삭제

      아이고, 안녕하세요 란♡님. 오랜만입니다.
      제 글에 설명이 부족했나봅니다.
      아이콘을 누르면 프레임처럼 나타나는건 아니고, 즐겨찾기처럼 등록이 됩니다.

      익스플로러(또는 FF)의 주소표시줄 아래에 등록이 됩니다. 그리고 그걸 클릭하시면 별도의 창이 뜨지 않고 바로 그부분에 대한 업데이트된 내용을 확인하실 수 있는거죠.

      자세한 내용은 이곳(http://joongs.net/15)을 참고하시면 될 것 같아요 ^^


블로그 이미지
손을 따뜻하게 만들어 주고 싶은 애인이 있습니다.
onionmen

달력

 « |  » 2013.05
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
Yesterday196
Today175
Total719,673
티스토리 모바일 블로그