연습장:카페인러브

1. 해야 할 일#

1.1 개발#

중요

• IE의 textarea에서 tab의 크기가 다르게 보이는 문제 수정
• 갤러리 기본 썸네일 크기 재조정
• 가수 분류 추가
• 등장인물 튜토리얼, 인물 튜토리얼 추가
• 분류를 사용한 간단 컨텐츠맵을 대문에 추가
• 분류 페이지의 디자인을 쌔끈하게 변경

보통

• 대문/애니메이션의 툴팁을 완전히 개선할 필요 있음
• 정보상자용 image placeholder 만들기
• 정보상자의 info 부분보다 image 부분의 높이가 더 크면 crop해서 보여주기
• AJAX RC (auto refreshing) 테스트
• 회사 문서를 어떻게 처리할 것인지 결정 (분류 문서로의 redirect)

사소

• SVG renderer 설치 (thumbnail error)

1.2 만들 문서#

• 쿠루스 카나코, 사오리 버지나
• 소드 아트 온라인/등장인물
• 스즈미야 하루히 시리즈/등장인물
• 데이트 어 라이브, 이츠카 코토리
• 사와타리 후우
• 공각기동대

1.3 분리할 문서#

• 내 여동생이 이렇게 귀여울 리가 없어 포터블

2. user page ajax load#

• 사용하는 플러그인 소스 : https://raw.github.com/webcreate/infinite-ajax-scroll/master/dist/jquery-ias.js

////////////////////////////////////////
// Bind Infinite Ajax Scroll in User Board
jQuery(function() {
	jQuery.ias({
		container : '.user-page-board',
		item: '.user-board-message',
		loader: '<img src="https://raw.github.com/webcreate/infinite-ajax-scroll/master/dist/images/loader.gif"/>'
	});
});

3. auto expand textarea#

$(document).ready(function($) {
	$("textarea").keyup(function(e) {
		while($(this).outerHeight() < this.scrollHeight + parseFloat($(this).css("borderTopWidth")) + parseFloat($(this).css("borderBottomWidth"))) {
			$(this).css('overflow', 'hidden');
			$(this).height($(this).height()+1);
		};
	});
});

4. Color scheme#

#header {
    border-bottom: 1px solid #eee;
    box-shadow: none;
}
#header:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 7px;
    bottom: -7px;
    left: 0;
    background: url(/skins/wikichan/images/shadow.png) no-repeat top center;
}