'web slices'에 해당되는 글 1건

  1. 2008.08.11 [ IE8 ] 웹슬라이스(webslices) 적용했습니다. (2)
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나 정식버전이 나오면 수정될 부분인것 같습니다.

신고
Posted by onionmen

댓글을 달아 주세요

  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)을 참고하시면 될 것 같아요 ^^

이전버튼 1 이전버튼

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

달력

 « |  » 2017.12
          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            
DNS Powered by DNSEver.com

최근에 올라온 글

Yesterday115
Today33
Total1,625,205

티스토리 툴바