Rev. 2.73

jquery.cheatsheet.1.4.png

Future Colors에서 제공하는 jQuery1.4.4 버전의 API를 정리한 치트시트입니다. 이 버전은 1.4.3 버전의 버그 수정을 비롯한 여러가지 개선이 있었고 "fadeToggle()" 메서드가 추가되었습니다. 이 치트시트는 HTMLPDF 그리고 PNG 버전이 있으며, 공식 사이트의 API 레퍼런스로 링크가 걸려있습니다.

Comments

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
n ..
1
1
2
1
2
3
1
2
3
4
1
2
3
4
5
1
2
3
4
5
6
1
2
3
4
5
6
7
1
2
3
4
5
6
7
8
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
1
1
2
3
4
5
6
7
8
9
1
2
1
2
3
4
5
6
7
8
9
a
b
a
c

Vladimir Carrer씨는 스타일시트 단 두줄을 설정하는 것으로 다양한 크기의 컬럼을 설정하는 그리드 프레임웍을 소개했습니다. 위 데모는 아래의 간단한 두줄로 이루어진 스타일시트와 최소한의 HTML 코드만으로 만들어진 것입니다.

.row { display:table; width:960px; margin:0 auto }
.cell { display:table-cell; vertical-align:top; padding-left:10px }
<div class="row">
  <div class="cell" style="background-color:#aaa;">1</div>
  <div class="cell" style="background-color:#bbb;">2</div>
  <div class="cell" style="background-color:#ccc;">3</div>
</div>

위 스타일시트를 분석하면 다음과 같습니다.

.row {
  display: table; /* 전체 컨테이너에 테이블 스타일을 적용 */
  width: 960px; /* 전체 폭, 사이즈 변경을 비롯해 단위 %, em에 변경 가능 */
  margin: 0 auto /* 좌우 중앙에 배치 */
}
.cell {
  display: table-cell; /* 각 컬럼에 테이블의 셀 스타일을 적용 */
  vertical-align: top; /* 상단(top) 정렬 */
  padding-left: 10px /* 컬럼 간의 간격 너비 */
}

이 스타일시트를 이용하여 구축한 다른 예제1예제2도 확인해 보세요.

Comments

아주 오랜 시간을 거쳐 드디어 Prototype 1.7의 정식 버전이 릴리즈되었습니다. 1.6.x 버전에 이후 추가적인 50개 이상의 개선 사항이 포함되어 있으며, 개발팀은 이미 1.7.0.1 개발에 착수했다고 합니다. 새롭게 추가된 기능은 RC1 릴리즈 소개 포스트에 기술하고 있으며, 항상 그렇듯이 이번 릴리즈 역시 버그 수정 내용을 포함합니다. RC3 버전과의 차이점을 직접 비교해 보세요.

커밋 트리를 보니 Andrew Dupont씨만 겁나게 달리셨더군요. 당분간 그는 scripty2(script.aculo.us 2.0) 작업에 열중할 것이라고 했습니다. 그리고 다음 버전에 대한 언급도 있었는데, 다음 버그 수정 버전(1.7.0.1)에서는 DOM 코드를 재작성하여 성능 향상이 이루어질 것이며, 그다음 마이너 릴리즈(1.7.1)에서는 ECMAScript5와의 호환성을 추가(Function#bind, Array#map)하고 다음 메이저 릴리즈(1.8)에서는 Ajax 코드의 개선(JSONP지원 및 콜백 발화 보장) 등이 작업될 예정이라고 밝혔습니다.

Comments