BLOG main image
onionmen's Blog
양파맨의 겨울나기

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

TRACKBACK :: http://onionmen.kr/trackback/254 관련글 쓰기

  1. Subject: nc의 생각

    Tracked from ncsoft's me2DAY  삭제

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

    2008/08/11 18:02
  2. Subject: IE 8, 눈에 띄는 세가지 기능 (인터넷 익스플로러 8 정식 버전)

    Tracked from Krang :: 블로그, 웹서비스리뷰, 닥스훈트  삭제

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

    2009/04/28 19:41

댓글을 달아 주세요

  1. BlogIcon dbjang  댓글주소  수정/삭제  댓글쓰기

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

    2008/08/22 20:32
    • BlogIcon onionmen  댓글주소  수정/삭제

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

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

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

      2008/08/24 01:31

1  ... 111 112 113 114 115 116 117 118 119  ... 275 

카테고리

분류 전체보기 (275)
Day by day (66)
Deep (17)
Etc.. (29)
Eng (0)
Photoshop (0)
Impulse buying (9)
SNS (5)
Personal (28)
Review (119)
이팅 (1)

트위터 최신글

미투데이