1. Image Concatenation을 통한 빠른 페이지 로딩 팁
원문은 "Faster Page Loads With Image Concatenation". 많이 알려져 있긴 하지만 다양한 이미지로 구성된 웹 페이지에서 페이지 로딩을 빠르게 해줄 수 있는 좋은 팁입니다.
원리는 여러 개의 작은 그림을 연결해서 하나의 이미지로 만든 다음, 그것을 백그라운드 이미지로 깔고 CSS를 이용해서 특정 이미지 영역을 보여주는 것입니다. 링크의 "An Example" 부분을 보면 쉽게 이해할 수 있을 듯.
2. Adobe Flex를 모질라 라이센스로 공개
와우, RIA 구축을 위한 선두주자 중 하나였던 Flex가 오픈소스화 된다는 소식이네요. Flex2SDK에는 이미 Flex 프레임워크의 소스 코드가 포함되어 있습니다. 놀라운 변화네요.
3. Prototype 1.5.1 RC3 릴리즈
- Ajax.Requests now supports per-request onCreate callbacks.
- JSON strings are automatically stripped of their security delimiters (if present) before eval.
- all toJSON methods now generate YAML-loadable JSON.
- Event.element now returns an extended element.
- Linefeed normalisation is now prevented in IE on String#escapeHTML and String#unescapeHTML for consistency with other browsers.
- Added a new Element.childElements method
- Added a new Element.firstDescendant method
ChangeLog 자세히보기
4. 당신이 사용해야 하는 7가지 자바스크립트 기술
Dustin Diaz라는 분이 디지털 웹 매거진에서 작성한 기사입니다. 7가지의 유용한 팁을 담고 있는데요, 마지막 7번째 팁은 "Reinvent the wheel" 이네요. 마무리가 마음에 듭니다. 이 분이 쓴 팁들 중에서 Speed Up Object Detection 이라는 팁도 멋집니다.
function addEvent(element, type, handler) {
if (element.addEventListener) {
element.addEventListener(type, handler, false);
} else if (element.attachEvent) {
element.attachEvent("on" + type, handler);
}
};
위와 같은 코드를 많이 작성하게 되는데, 성능 향상을 위해 아래와 같이 바꾸자는 거죠.
var addEvent;
if (document.addEventListener) {
addEvent = function(element, type, handler) {
element.addEventListener(type, handler, false);
};
} else if (document.attachEvent) {
addEvent = function(element, type, handler) {
element.attachEvent("on" + type, handler);
};
} else {
addEvent = new Function; // not supported
}
5. Satama의 포트폴리오 사이트
Satama 사이트를 방문해보시면 아실텐데 처음 보면 플래시로 작성된 거라고 착각할 수 있습니다.
하지만 단순한 AJAX와 YUI 만으로 구축된 것입니다. 대단하네요.
6. A Javascript TickerTape Component
데모 사이트를 보면 TickerTape가 어떤 컴포넌트 인지 아실겁니다. 실시간 공지, 인기글 등을 효과적으로 보여줄 수 있죠.
