Rev. 2.73

Thomas Fuchs씨는 주석을 포함하여 총 50라인으로 작성된 초경량 CSS 애니메이션 자바스크립트 프레임웍인 "Émile"를 만들고 공개했습니다. Émile는 CSS 프로퍼티들을 작성하고 시간 간격을 설정하는 것만으로 중간 과정의 애니메이션이 만들어 집니다. 그리고 사용자 정의 "easing"과 콜백을 완벽하게 수행합니다. 사실 Effect.morph 때문에 Script.aculo.us의 effect.js를 기본으로 로드하고 있는데, 몽창 덜어내버릴지를 심각하게 고민하고 있습니다. 덜어낸다고 삽질하다가 Scripty2가 홀랑 출시되어버리면 참 허무할텐데 말이죠.

HTML:

<script src="emile.js"></script>
<div id="test1" style="position:absolute;left:0px;background:#f00;opacity:0">test</div>
<div id="test2" style="border:0px solid #00ff00;position:absolute;left:0px;top:400px;background:#0f0">test</div>

Javascript:

emile('test2', 'left:300px;padding:10px;border:50px solid #ff0000', {
  duration: 500,
  after: function(){
    emile('test1', 'background:#0f0;left:100px;padding-bottom:100px;opacity:1', {
      duration: 4000, easing: bounce
    });
  }
});
 
function bounce(pos) {
  if (pos < (1 / 2.75)) {
    return (7.5625 * pos * pos);
  } else if (pos < (2 / 2.75)) {
    return (7.5625 * (pos -= (1.5 / 2.75)) * pos + .75);
  } else if (pos < (2.5 / 2.75)) {
    return (7.5625 * (pos -= (2.25 / 2.75)) * pos + .9375);
  } else {
    return (7.5625 * (pos -= (2.625 / 2.75)) * pos + .984375);
  }
}

Comments

slowjavascript.png

Script.aculo.us 개발자인 Thomas Fuchs씨와 그의 마눌님이신 Amy Hoy씨는 31가지 성능향상 비법이 담긴 체크리스트와 문제 해결방법이 담긴 FAQ 사이트(slowjavascript.com)를 구축하고 공개했습니다. "당신이 작성한 자바스크립트가 조낸 느리세요? 이제 걱정하지 마세요!"라고 하시네요. 체크리스트는 PDF로 작성되었으며 그들이 저술한 "JavaScript Performance Rocks!" 책 광고 페이지로 연결됩니다. 뉴스 레터에 가입하면 갱신되는 정보도 알려준다고 합니다.

Comments

scripty2.png

Thomas Fuchs씨는 2007년에 2.0버전을 만든다고 큰소리 치고는 잠적하여 목놓아 기다리게 만들더니, 약 20개월이 지난 오늘에서야 드디어 두각을 드러냈습니다. "보다 맛좋은 웹을 위하여"라는 부제의 "scripty2"라는 이름으로 오픈한 사이트는 API 문서흥미로운 데모 등으로 이루어져 있으며, 소스 리포지토리(Git)도 함께 공개했습니다. "scripty2"로 리네임한 것은 종전의 이름(script.aculo.us)이 철자와 도메인에서 혼란이 빚어지기 때문이며 프로젝트를 그대로 이어가는 것이라고 자신의 블로그에 밝혔습니다. 알파 딱지를 달고 시작하는 scripty2는 처음부터 완전히 새롭게 작성되었으며, 수년을 effect engine개발에 소진했다고 합니다. Prototype의 팬으로서 scriptaculous와의 호환성이 완전히 배제되어 있는 것이 가장 아쉬운 점이긴 합니다만, 데모에서 보여준 막강한 애니메이션 변화(s2.fx.Transitions) 처리는 매혹 그 자체입니다. 새 장난감이 생겼네요. Thomas Fuchs씨에게 고맙다고 맥주 한 잔 사줬어요.

Comments