Rev. 2.73

mocha.gif

MooTools에 기반하는 Mocha UI는 Canvas태그 그래픽을 이용해 생성되는 유저 인터페이스 클래스 입니다. CSS, HTML과 절묘하게 혼합되어 생성되는 잘생긴 윈도를 사용할 수 있게 합니다. Canvas태그를 지원하지 않는 IE에서는 ExplorerCanvas 라이브러리를 사용하여 VML로 변환하고 있습니다. 이미지를 전혀 사용하지 않으며, 코너의 둥글기를 실시간으로 조정할 수 있고, 윈도의 활성화, 잡아끌기, 크기조절 등이 가능합니다. 앞으로는 IE가 Canvas태그를 지원하는 일만 남았습니다. :)

Comments

Beautify Javascript는 조금이라도 더 빠른 웹 애플리케이션을 만들기 위해 Minify와 같은 라이브러리로 자바스크립트 소스코드를 압축(최소화)하거나, 추가로 남들이 알아보지 못하도록(또는 보안상의 목적 으로) 암호화까지 된 흉칙한 자바스크립트 코드를 다시금 보기(읽기) 좋게 만들어 주는 PHP스크립트입니다.

minify로 압축한 아래와 같은 코드를

var Prototype={Version:'1.6.0',Browser:{IE:!!(window.attachEvent&amp;&amp;!window.opera),Opera:!!window.opera,WebKit:navigator.userAgent.indexOf('AppleWebKit/')>-1,Gecko:navigator.userAgent.indexOf('Gecko')>-1&amp;&amp;navigator.userAgent.indexOf('KHTML')==-1,MobileSafari:!!navigator.userAgent.match(/Apple.*Mobile.*Safari/)},BrowserFeatures:{XPath:!!document.evaluate,ElementExtensions:!!window.HTMLElement,SpecificElementExtensions:document.createElement('div').__proto__&amp;&amp;document.createElement('div').__proto__!==document.createElement('form').__proto__},ScriptFragment:'&lt;script[^>]*>([\\S\\s]*?)<\/script>',JSONFilter:/^\/\*-secure-([\s\S]*)\*\/\s*$/,emptyFunction:function(){},K:function(x){return x}};

요렇게 만들어 줍니다.

var Prototype = {
    Version: '1.6.0',
    Browser: {
        IE: !!(window.attachEvent &amp;&amp; !window.opera),
        Opera: !!window.opera,
        WebKit: navigator.userAgent.indexOf('AppleWebKit/') > -1,
        Gecko: navigator.userAgent.indexOf('Gecko') > -1 &amp;&amp; navigator.userAgent.indexOf('KHTML') == -1,
        MobileSafari: !!navigator.userAgent.match(/Apple.*Mobile.*Safari/)
    },
    BrowserFeatures: {
        XPath: !!document.evaluate,
        ElementExtensions: !!window.HTMLElement,
        SpecificElementExtensions: document.createElement('div').__proto__ &amp;&amp; document.createElement('div').__proto__ !== document.createElement('form').__proto__
    },
    ScriptFragment: '&lt;script[^>]*>([\\S\\s]*?)<\/script>',
    JSONFilter: /^\/\*-secure-([\s\S]*)\*\/\s*$/,
    emptyFunction: function() {},
    K: function(x) {
        return x
    }
};

Example:

* 자바스크립트 버전이 추가되었습니다. 2008-5-21

Comments

asual-swfaddress.jpg

SWFAddress는 플래시(혹은 플래시 플레이어를 통해 추가되는 다양한 컨텐츠)와 Ajax로 만들어진 사이트에 가상의 URL을 생성하여 앞으로/뒤로 가기 버튼을 사용할 수 있게하는 작고 강력한 자바스크립트 라이브러리입니다. 놀랍게도 가상으로 생성된 URL을 주소창에 직접 입력해 접근한 경우에도 실제 URL처럼 작동하게 되어있어 즐겨찾기에 추가하거나, 인스턴트 메신저 또는 이메일에 첨부해 보내도 정상적인 컨텐츠 접근이 가능합니다. 멋지군요!

<a href="/swfaddress/samples/ajax/history/" 
  onclick="SWFAddress.setValue(this.rel); this.blur(); return false;"
  rel="/history/">History</a>

Comments