imported>카페인러브 |
imported>카페인러브 |
||
| 8번째 줄: | 8번째 줄: | ||
=== Demo === | === Demo === | ||
<ul class="slider"><!-- | <div class="slider-container"><ul class="slider clear"><!-- | ||
--><li>[[파일:TV_애니메이션_2기_내 여동생이 이렇게 귀여울 리가 없어_엔드카드_1화.png|230px]]</li><!-- | --><li>[[파일:TV_애니메이션_2기_내 여동생이 이렇게 귀여울 리가 없어_엔드카드_1화.png|230px]]</li><!-- | ||
--><li>[[파일:TV_애니메이션_2기_내 여동생이 이렇게 귀여울 리가 없어_엔드카드_2화.png|230px]]</li><!-- | --><li>[[파일:TV_애니메이션_2기_내 여동생이 이렇게 귀여울 리가 없어_엔드카드_2화.png|230px]]</li><!-- | ||
| 15번째 줄: | 16번째 줄: | ||
--><li>[[파일:TV_애니메이션_2기_내 여동생이 이렇게 귀여울 리가 없어_엔드카드_5화.png|230px]]</li><!-- | --><li>[[파일:TV_애니메이션_2기_내 여동생이 이렇게 귀여울 리가 없어_엔드카드_5화.png|230px]]</li><!-- | ||
--><li>[[파일:TV_애니메이션_2기_내 여동생이 이렇게 귀여울 리가 없어_엔드카드_6화.png|230px]]</li><!-- | --><li>[[파일:TV_애니메이션_2기_내 여동생이 이렇게 귀여울 리가 없어_엔드카드_6화.png|230px]]</li><!-- | ||
--></ul></div><!-- | |||
--><ul class="slider-controller"><!-- | --><ul class="slider-controller"><!-- | ||
--><li>1화</li><li>2화</li><li>3화</li><li>4화</li><li>5화</li><li>6화</li><!-- | --><li>1화</li><li>2화</li><li>3화</li><li>4화</li><li>5화</li><li>6화</li><!-- | ||
2013년 8월 23일 (금) 01:31 판
이미지 슬라이더 개발
- 가로로 슬라이드함
- 컨트롤러를 누르면 ScrollTo 액션을 취함 (offset.x * n 방식 사용)
- 포함하고 있는 Child 요소의 갯수를 세어서 Parent 요소의 width를 자동 조정함
- 한 페이지 내에서 여러개를 사용해도 액션이 꼬이지 않음
- Auto scroll 기능을 사용해서 렉쳐 모드를 가능하게 함 (인터벌 조정은 지원하지 않음)
Demo
해야 할 일
개발
- 중요
IE의 textarea에서 tab의 크기가 다르게 보이는 문제 수정갤러리 기본 썸네일 크기 재조정가수 분류 추가등장인물 튜토리얼, 인물 튜토리얼 추가- 분류를 사용한 간단 컨텐츠맵을 대문에 추가
분류 페이지의 디자인을 쌔끈하게 변경- Lazy Loading을 적용해서 latency 절약
- 첨부하는 그림의 사이즈 한계 설정
- 보통
- 엔드카드 및 아이캐치 : 갤러리 -> 슬라이드쇼 형식으로 바꿈
- 대문/애니메이션의 툴팁을 완전히 개선할 필요 있음
- 정보상자용 image placeholder 만들기
- 정보상자의 info 부분보다 image 부분의 높이가 더 크면 crop해서 보여주기
- AJAX RC (auto refreshing) 테스트
- 회사 문서를 어떻게 처리할 것인지 결정 (분류 문서로의 redirect)
- 사소
- SVG renderer 설치 (thumbnail error)
만들 문서
분리할 문서
유틸리티
| Decimal ASCII Chart | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| DEC | OUT | DEC | OUT | DEC | OUT | DEC | OUT | DEC | OUT | DEC | OUT | DEC | OUT | DEC | OUT |
| 0 | NUL | 16 | DLE | 32 | SP | 48 | 0 | 64 | @ | 80 | P | 96 | ` | 112 | p |
| 1 | SOH | 17 | DC1 | 33 | ! | 49 | 1 | 65 | A | 81 | Q | 97 | a | 113 | q |
| 2 | STX | 18 | DC2 | 34 | " | 50 | 2 | 66 | B | 82 | R | 98 | b | 114 | r |
| 3 | ETX | 19 | DC3 | 35 | # | 51 | 3 | 67 | C | 83 | S | 99 | c | 115 | s |
| 4 | EOT | 20 | DC4 | 36 | $ | 52 | 4 | 68 | D | 84 | T | 100 | d | 116 | t |
| 5 | ENQ | 21 | NAK | 37 | % | 53 | 5 | 69 | E | 85 | U | 101 | e | 117 | u |
| 6 | ACK | 22 | SYN | 38 | & | 54 | 6 | 70 | F | 86 | V | 102 | f | 118 | v |
| 7 | BEL | 23 | ETB | 39 | ' | 55 | 7 | 71 | G | 87 | W | 103 | g | 119 | w |
| 8 | BS | 24 | CAN | 40 | ( | 56 | 8 | 72 | H | 88 | X | 104 | h | 120 | x |
| 9 | HT | 25 | EM | 41 | ) | 57 | 9 | 73 | I | 89 | Y | 105 | i | 121 | y |
| 10 | LF | 26 | SUB | 42 | * | 58 | : | 74 | J | 90 | Z | 106 | j | 122 | z |
| 11 | VT | 27 | ESC | 43 | + | 59 | ; | 75 | K | 91 | [ | 107 | k | 123 | { |
| 12 | FF | 28 | FS | 44 | , | 60 | < | 76 | L | 92 | \ | 108 | l | 124 | | |
| 13 | CR | 29 | GS | 45 | - | 61 | = | 77 | M | 93 | ] | 109 | m | 125 | } |
| 14 | SO | 30 | RS | 46 | . | 62 | > | 78 | N | 94 | ^ | 110 | n | 126 | ~ |
| 15 | SI | 31 | US | 47 | / | 63 | ? | 79 | O | 95 | _ | 111 | o | 127 | DEL |
user page ajax load
////////////////////////////////////////
// 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"/>'
});
});
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);
};
});
});
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;
}
허브 type A
내 여동생이 이렇게 귀여울 리가 없어(俺の妹がこんなに可愛いわけがない)는 후시미 츠카사가 2008년부터 연재중인 일본의 라이트 노벨 작품, 그리고 여기서 파생된 코믹스, 드라마 CD, 애니메이션 등 관련 매체들을 통틀어 가리키는 말이다. 공식 약칭은 내 여동생(俺の妹, 오레노 이모토)이지만, 흔히 오레이모(俺妹)라고 줄여 불리고 있다.
본 작품은 세련되고 고집센 성격이지만 몰래 오타쿠 취미를 즐겨 온 여동생, 그리고 여동생과 사이가 나쁜 오빠가 동생의 비밀을 알게 되면서 여동생의 '인생상담(오타쿠 취미에 대한 각종 고민)' 상대가 되어 고민 해결을 위해 분투하는 과정 그리고 둘 사이의 관계가 변하는 모습을 그린 홈 코미디 작품이다.
공식적으로 제공되고 있는 미디어는 다음과 같다.
- 라이트 노벨 (원작)
- 원작 라이트 노벨은 작가 후시미 츠카사와 일러스트레이터 칸자키 히로가 구성하며, 전격 문고 레이블(출판사는 아스키 미디어 웍스)을 통해 2008년 8월부터 단행본을 발매하기 시작해서 현재 10권까지 출시되어 있는 상태이며, 누적 판매량은 다음과 같은 통계를 기록하고 있다.
- 한국에는 2009년 6월부터 대원씨아이가 정식 수입발매를 시작해서, 단행본이 현재 9권까지 발매되어 있다. 번역은 유정한이 담당했다.
허브 type B
애니메이션에 관한 내용은 내 여동생이 이렇게 귀여울 리가 없어/애니메이션을, 게임에 관한 내용은 내 여동생이 이렇게 귀여울 리가 없어/게임을 참조해 주세요.
내 여동생이 이렇게 귀여울 리가 없어(俺の妹がこんなに可愛いわけがない)는 후시미 츠카사가 2008년부터 연재중인 일본의 라이트 노벨 작품, 그리고 여기서 파생된 코믹스, 드라마 CD, 애니메이션 등 관련 매체들을 통틀어 가리키는 말이다. 공식 약칭은 내 여동생(俺の妹, 오레노 이모토)이지만, 흔히 오레이모(俺妹)라고 줄여 불리고 있다.
본 작품은 세련되고 고집센 성격이지만 몰래 오타쿠 취미를 즐겨 온 여동생, 그리고 여동생과 사이가 나쁜 오빠가 동생의 비밀을 알게 되면서 여동생의 '인생상담(오타쿠 취미에 대한 각종 고민)' 상대가 되어 고민 해결을 위해 분투하는 과정 그리고 둘 사이의 관계가 변하는 모습을 그린 홈 코미디 작품이다.
공식적으로 제공되고 있는 미디어는 다음과 같다.
- 라이트 노벨 (원작)
- 원작 라이트 노벨은 작가 후시미 츠카사와 일러스트레이터 칸자키 히로가 구성하며, 전격 문고 레이블(출판사는 아스키 미디어 웍스)을 통해 2008년 8월부터 단행본을 발매하기 시작해서 현재 10권까지 출시되어 있는 상태이며, 누적 판매량은 다음과 같은 통계를 기록하고 있다.
- 한국에는 2009년 6월부터 대원씨아이가 정식 수입발매를 시작해서, 단행본이 현재 9권까지 발매되어 있다. 번역은 유정한이 담당했다.