IT's Fun2009.04.10 16:39
IE8 이 등장한 이후에 NoPD가 즐겨 사용하는 기능 중 하나가 바로 웹 슬라이스 (Web Slice / 웹 조각) 기능이다. 간단하게 특정한 웹사이트에서 제공하는 정보를 웹사이트를 접속하지 않고 업데이트 받아 볼 수 있는 장점이 생각보다 편리하게 느껴지기 때문이다. RSS 에 한참 심취해 있을 때는 컨텐츠가 아름다운 웹사이트를 방문하게 될 때마다 RSS 피드 구독 버튼이 없나 찾곤 했었는데, 요즘은 녹색의 웹 슬라이스 등록 버튼이 없는지 찾게 되는 내 모습이 신기하기도 하다.


오늘 소개할 웹 슬라이스의 적용 사례는 웹 사이트의 특정 영역에 적용되는 것이 아니라 RSS 피드에 대하여 적용하는 방법이다. 지금 NoPD 의 웹사이트에도 피드에 대한 RSS가 걸려 있는데 어떻게 만든 것인지를 한번 같이 살펴보도록 하자.


우선, 적용하는 방법은 일반적인 웹 슬라이스를 만드는 것과 대동소이하다. 차이점이 있다면 웹 사이트의 일부 영역에 웹 슬라이스를 적용할 때는 hslice 클래스가 지정된 div 태그 아래에 두가지 div 태그가 위치했었다. 하나는 위에서 보이는 entry-title 이고 다른 하나는 entry-content 였다. 피드를 웹 슬라이스로 만들기 위해서는 두번째 항목을 위와 같이 앵커 태그로 바꾸고 rel 로 "feedurl" 값을 지정해 보자. 웹사이트에 위의 코드를 추가하고 브라우저로 확인하면 웹 슬라이스가 등록된 것이 보인다.



해당 피드에 새로운 글이 업데이트 되면 위의 그림과 같이 Bold 체로 해당 컨텐츠의 제목 일부가 연결 영역에 표시가 된다. RSS 에 따라서 보여지는 방식이 조금씩 다를 수 있는데 피드가 업데이트 되었을 때 간단하게 글의 첫머리를 보고 관심있는 컨텐츠면 해당 사이트로 이동해서 조회할 수 있을 것 같다.

오늘 여러분의 블로그에 간단하게 RSS 피드 웹 슬라이스를 적용해 보세요. 익스텐션의 설치를 통해서 불여우 에서도 웹 슬라이스를 즐기실 수 있답니다.

2009/03/31 - [IT's Fun] - 블로그에 IE8 웹 슬라이스를 추가했습니다
2009/04/01 - [IT's Fun] - 티스토리 메인화면, 웹 조각(Web Slice)에 푹 빠지다~!

- NoPD -
신고
Posted by 노피디
IT's Fun2009.04.01 12:44
 

티스토리의 3월 31일자 업데이트 소식을 자세히 살펴보면 가장 첫번째로 IE8 의 웹 조각 기능을 메인페이지에 적용했다는 내용이 있습니다. 새롭게 출시된 브라우저의 확장 기능을 활용한 발빠른 움직임이라는 생각이 듭니다.

메인 화면에 노출되는 내용 중 1) 주제별 새글, 2) 댓글 베스트, 3) 블로거 베스트, 3개 컨텐츠 영역에 대해서 웹 조각 기능을 제공하고 있습니다. IE8 브라우저 상단의 웹 조각 등록 기능을 이용하시거나 화면에서 해당 영역에 마우스를 이동시키면 웹 조각 아이콘이 보입니다. 가볍게 등록해 두시면 두고두고 편하게 컨텐츠 업데이트를 조회하실 수 있습니다.


주제별 새글을 웹 조각으로 추가해서 조회하는 화면입니다. 제 블로그와 달리 CSS가 깨지지 않아 깔끔한 모습을 볼 수 있는데요, 탭 브라우져를 이용 하더라도 최신글을 업데이트 해서 보는게 여간 번거로운 일이 아니었는데, 웹 조각으로 간편하게 최신글을 Refresh 해가면서 볼 수 있을 것 같습니다.

웹 조각 하단에 보면 화살표와 Refresh 버튼이 보이는데요, Refresh 버튼을 누르면 조회 중인 웹 조각의 페이지를 실시간으로 다시 갱신할 수 있습니다. 웹 조각을 이용해서 별도로 웹사이트에 엑세스 할 필요 없이 원하는 컨텐츠를 골라보는 재미를 느껴보세요~!

2009/03/31 - [IT's Fun] - 블로그에 IE8 웹 슬라이스를 추가했습니다

- NoPD -


신고
Posted by 노피디

티스토리 툴바