Rev. 2.73

googlepaint.jpg

구글은 온라인상에서 별다른 플러그인 설치 없이 바로 사용할 수 있는 드로잉 툴인 구글 페인트을 선보였다. 파일메뉴와 툴바, 컬러피커 그리고 캔버스로 구성되어있다. 오에카기의 자바스크립트 버전이란 느낌이다.

구글 페인트는 아직 완성되지 않았다. 툴바의 연필, 붓, 직선 등 일부기능만 작동하고 파일메뉴 역시 저장하기, 새 그림, 열기, 이미지 가져오기 중 새 그림만 작동할 뿐이다. 우측 상단의 'Share this image' 링크가 있는 것으로 봐서 낙서한 그림을 공유까지 가능하게 할 수작(?)으로 보인다. 그렇다면 친구 얼굴이 찍힌사진에 수염을 그려 넣을수도 있겠군. 완성될 날이 벌써부터 기다려진다.

좌측 그림은 직접 그려본 것이다.(아~ 넘 잘그렸당) 마우스의 이벤트 정의가 부정확한것 빼고는 매우 훌륭하다. onmouseup 되는 순간 선이 희미해지며 가늘게 그려지는 느낌은 전문 드로잉 툴을 사용하는 느낌까지 든다. 아쉽게도 현재 구글 페인트는 파이어폭스에서만 테스트할 수 있다.

"이것은 모두 구라였습니다. 하하하"

Comments

emblem.gif
2006 엠블럼

올블로그에서 2006년 상반기 블로그 어워드 탑 100을 선정했습니다. 1위는 떡이떡이님이 차지하셨고, 이규영님과 , ozzyz님, 그리고 lunamoth님이 그 뒤를 잇고 있습니다. 그리고 저는 포상금 50만원과 함께 59위를 차지 했습니다.(뻥입니다. 하하하)

ba2006.gif

요즘 만들고 있는 웹갤러리 - FloatPhoto, 범블로거 트랙백 스패머 퇴치운동, 주제와 연관성을 고려한 태그작성요령 이 3개의 글이 가장 인기가 있었군요. 요즘은 방문객을 위한 글 보다는 저 자신을 위한 글들이 대부분이어서 몸소 찾아주시는 이웃분들께 죄송한 마음이 들기도합니다. 어워드로 선정해 주신 올블로그 심사위원 회원님들께 감사드립니다. 하반기에는 더욱 분발하는 모습 보여드리겠습니다. 이와 같은 행사가 앞으로 더욱 많았으면 좋겠어요. 올블로그 화이팅입니다.

Comments

올초에 PHP로 만들어 공개했던 태그에 블로그 메타 사이트의 태그링크 달기의 자바스크립트 버전입니다. 요즘은 서버측 리소스 낭비를 조금이라도 덜기위해 PHP로 구현해 놓았던 것 중 자바스크립트로 가능한 것들을 하나, 둘씩 콘버전하고 있습니다. 역할은 종전의 것과 동일하며, 이올린의 태그서비스가 사라진 관계로 딜리셔스의 태그서비스로 변경하였습니다. 이 또한 Prototype 프레임웍 라이브러리를 기반으로 코딩되었습니다.

// Meta Tag Linker
var Metatags = Class.create();
Metatags.prototype = {
  initialize: function(array){
    $$(array).each(function(node){
      var pl = node.id.split('_')[1];
      $$('#tag_'+pl+' li').each(function(element){
        var href = element.down().href;
        if(href){
          var sites = ['technorati', 'allblog', 'eolin', 'delicious'];
          var url = href.split('/');
          var tag = url[url.length-1];
          for(var i=0; i < sites.length; i++){
            sites[i] = this.create(tag, sites[i]);
            element.appendChild(sites[i]);
          }
        }
      }.bind(this));
    }.bind(this));
  },
  create: function(tag, type){
    var link = document.createElement('A');
    var img = document.createElement('IMG');
    var icon, alt, href;
    switch (type){
      case 'technorati':
        icon='tn';
        alt='Technorati';
        href = 'http://technorati.com/tag/' + tag;
        break;
      case 'allblog':
        icon='ab';
        alt='Allblog';
        href = 'http://tag.allblog.net/' + tag;
        break;
      case 'eolin':
        icon='eo';
        alt='Eolin';
        href = 'http://www.eolin.com/tag/' + tag;
        break;
      case 'delicious':
        icon='de';
        alt='Delicious';
        href = 'http://del.icio.us/tag/' + tag;
        break;
    }

    img.src = '/images/t_' + icon + '.gif';
    img.alt = alt;
    link.href = href;
    link.appendChild(img);
    return link;
  }
};
// 사용하기
new Metatags('div.tag_label li');

- 지정한 영역에서 태그링크의 부모노드를 배열로 만든다.
- 배열에서 URL 정보가 없는 노드를 버린다.
- 생성할 블로그 메타 사이트의 배열을 만든다.
- 블로그 메타 사이트 수만큼 아이콘을 생성한다.

Comments