처음에 나우콤의 아프리카 TV를 접했을때.. 신선하기는 하지만 과연 이 서비스가 성공할수 있을까 하고 스쳐 지나간적이 있었습니다.

하지만 현재 이사온곳의 케이블 TV가 요금이 계속올라가고 서비스도 안좋다는 소문이 있어 신청하지 않고, 그냥 공중파 방송만 시청하는 저에게 아프리카 TV는 정말 케이블 TV 그 이상이였습니다.

사용자 삽입 이미지

아프리카 TV에 접속해보니 정말 다양한 장르의 채널이 많았고, 좋아하는 게임을 보고 싶을때 아프리카 TV에 접속해서 아마추어클랜끼리 벌이는 리그를 보며 같은 채널을 보고 있는 사람들끼리 채팅을 하면서 의견도 나누고 탄성을 지를수 있다는 점에서 케이블 TV의 프로리그를 보는 그 이상의 재미가 있었기 때문입니다.

어쩌면 이 서비스야 말로 한창 인터넷에서 떠들고 있는 웹2.0 서비스가 아닐까요! 방송에서 보여주는것을 일방적으로 보는 것이 아닌 사용자끼리 정보를 나누고 시청도중에 게임에 직접 참여도 할수 있으니까요.

문제점이 없는것은 아닙니다. 채널중에는 공중파와 케이블 TV의 프로그램들을 라이브로 보여주거나, 아니면 영화 파일을 다운로드 받아 보여주는 형태로 이는 엄연히 저작권 위반이니까요. 하지만 요즘 접속해보면 사용자가 직접 만들어 가는 형태로 방송되는 채널들이 조금씩 증가하고 있으며 제가 즐겨보는 게임채널도 아마추어 클랜들을 모아 직접 리그를 만들고 그것을 방송소재로 사용하여 아마추어리그만의 재미를 느낄수 있으니까요.

앞으로 저작권문제만 해결된다면 아프리카 TV는 세계적인 웹2.0 서비스라고 하는 유튜브나 플리커보다 더 진보한 서비스가 되지 않을까 하는 생각을 감히 하네요.

여러분도 한번 접속해 보세요, 게임뿐만 아니라, BJ들의 음악방송 그리고 현실감 있는 스포츠 중계를 듣게 될것이니까요

신고
Posted by 아스피린

사용자 삽입 이미지

요즘 한참 DOM에 관심을 가지고 있었는데 작년에 윤석찬님이 번역하고 있다는 소리를 들어 기다리던 책이였는데 그디어 출간 했네요..

기다리던 책이였는데 윤석님의 블로그에서 '트랙백 이벤트’를 한다고 해서 우선 참여 하려구요...

여러분도 DOM의 세계에 빠져 보세요..

책 소개 (에이콘 출판사)
예스 24 예약

신고
Posted by 아스피린

사이트를 만들다 보면 iframe을 사용하여 다른 문서를 삽입해야 할때가 있습니다.

이때 iframe의 크기를 자동으로 조절해야 할때가 있는데 이럴때 Javascript 의 element객체의 속성인 offsetWidth와 offsetHeight 을 이용하여 iframe의 크기를 자동으로 조절할수 있습니다.

iframe 문서 높이 자동조절하기

아래의 파일을 다운받으시면 main.html, iframe_src.html 이렇게 2개의 파일이 있는데


핵심은 다음과 같습니다.

main.html

  <iframe name="iframe_document" id="iframe_document" src="iframe_src.html" width="500" height="600" frameborder="0"></iframe>

iframe_src.html

  <div id="iframe_height"></div>

  <script type="text/javascript">
    var objHeight = document.getElementById("iframe_height").offsetHeight + 20 ;
    parent.document.getElementById("iframe_document").style.height = objHeight + "px";
  </script>

잠깐 문서에 대해 이야기를 하자면 offsetHeight는 높이를 구하는 부분으로 넓이를 구하려면 offsetWidth 속성을 사용하면 됩니다. 물론 그에 대응하는 iframe의 넓이를 수정하려면 style.height을 style.width로 바꾸면 됩니다.

한가지 주의 하셔야 할것은 두문서가 같은 도메인상에 있어야 하다는 것입니다.

신고
Posted by 아스피린
주로 쇼핑몰에서 플래쉬로 구현되어 오던 상품 스크롤 부분을 스크립트로 구현해보았습니다.

사용자 삽입 이미지

디앤샵에 근무할때 구현했던 디앤샵유러피언패션몰을 작업할때 구현했던 상품 스크롤 스크립트입니다.

사용자 삽입 이미지

물론 아직 미흡한점이 많으니 다운받으셔서 더 좋은 상품 스크롤 스크립트를 만들어 보세요...
그리고 댓글로 평가도 부탁드려요...



신고
Posted by 아스피린

예전에 웹디자이너 할때는 많이 찾던 5day라는 사이트에 들어가 이곳저곳을 구경하다가 헨켈 코리아 오피셜이라는 사이트를 보게 되었고, 플래쉬로 되어 있던 제품소개 부분의 스크롤 배너를 자바스크립트로 만들수 없을까 하다가 만들어본 스크립트 입니다.

사용자 삽입 이미지

헨켈 코리아 오피셜


제가 Javascript DOM을 공부하면서 관심있는 부분이 플래쉬로 되어 있는 부분을 Javascript DOM으로 구현이 가능하지 않을까 하는 것입니다. 그래서 아래와 같이 만들어 만들어 보았습니다.


첨부파일도 있으나 다운받으셔서 저보다 더 좋은 스크롤배너를 만들어 보세요
그리고 댓글로 평가도 부탁드려요...



사용자 삽입 이미지

css 적용에 따라 스크롤 배너가 화면출력

 

마크업 소스 보기

신고
Posted by 아스피린

웹접근성은 우리모두를 네티즌으로 만드는 지름길이다. by 아스피린

공지사항

카테고리

분류 전체보기 (16)
일상의 만남 (2)
일상의 장소 (1)
웹표준/IT 뉴스 (7)
스터디 마크업 (2)
마크업 Tip (4)
촛불 (0)
Total : 98,489
Today : 22 Yesterday : 72