연습장:카페인러브: 두 판 사이의 차이

← 이전 편집 다음 편집 →

시각위키텍스트

2013년 9월 20일 (금) 03:24 판

alpha

애니메이션
라노베・코믹스
공략형 게임
성우

해야 할 일

관리

중요

회사 문서를 어떻게 처리할 것인지 결정 (e: redirect to category or not?)
Lazy Loading을 적용해서 latency 절약

보통

이미지 썸네일을 alpha 레이어로 처리 (absolute positioning) : /includes/ 에 위치
AJAX RC 테스트

사소

SVG renderer 설치 (thumbnail error)

편집

buttonlabel=캐릭터 등록하기 width=15 break=no preload=틀:서식/캐릭터 </createbox><createbox> buttonlabel=작품 등록하기 width=15 break=no preload=틀:서식/작품

</createbox>

성우 (애니 업데이트)	캐릭터	작품
아스미 카나 하야미 사오리 카네모토 히사코 카미야 히로시 미모리 스즈코 카야노 아이	카가리노 키리에 미즈키 마나 민트 클라크 야마다 아오이 쿠니타치 린카	나와 이치노의 게임동호회 활동일지 타마유라 kiss×sis 포토카노 아마가미 아라카와 언더 더 브릿지 러키☆스타 소드 아트 온라인/등장인물 서번트 서비스/등장인물

유틸리티

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

Apple-like scroolbar

Source Code

::-webkit-scrollbar {
	width: 15px;
	height: 15px;
}
::-webkit-scrollbar-corner {
	background-image: url(http://i.stack.imgur.com/FguQn.png?corner.png);
	background-repeat: no-repeat;
}
::-webkit-resizer {
	background-image: url(http://i.stack.imgur.com/aKKDY.png?resizer.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
::-webkit-scrollbar-button:start {
	display: none;
}
::-webkit-scrollbar-button:end {
	display: block;
}
::-webkit-scrollbar:horizontal {
	-webkit-border-image: url(http://i.stack.imgur.com/NQ2K6.png?horizontal-button.png) 0 2 0 2;
	border-color: transparent;
	border-width: 0 2px;
	background-image: url(http://i.stack.imgur.com/8xDbU.png?horizontal-button-background.png);
	background-repeat: repeat-x;
}
::-webkit-scrollbar:horizontal:corner-present {
	border-right-width: 0;
}
::-webkit-scrollbar-thumb:horizontal {
	-webkit-border-image: url(http://i.stack.imgur.com/YQRD7.png?horizontal-thumb.png) 0 15 0 15;
	border-color: transparent;
	border-width: 0 15px;
	min-width: 20px;
}
::-webkit-scrollbar-track-piece:horizontal:start {
	margin-left: 6px;
}
::-webkit-scrollbar-track-piece:horizontal:end {
	margin-right: -6px;
}
::-webkit-scrollbar-track-piece:horizontal:decrement {
	-webkit-border-image: url(http://i.stack.imgur.com/p9yMk.png?horizontal-track.png) 0 15 0 15;
	border-color: transparent;
	border-width: 0 0 0 15px;
}
::-webkit-scrollbar-track-piece:horizontal:increment {
	-webkit-border-image: url(http://i.stack.imgur.com/p9yMk.png?horizontal-track.png) 0 15 0 15;
	border-color: transparent;
	border-width: 0 15px 0 0;
}
::-webkit-scrollbar-button:horizontal {
	width: 21px;
	-webkit-border-image: url(http://i.stack.imgur.com/NQ2K6.png?horizontal-button.png) 0 2 0 2;
	border-color: transparent;
	border-width: 0 2px;
}
::-webkit-scrollbar-button:horizontal:decrement {
	background-image: url(http://i.stack.imgur.com/dGOKL.png?horizontal-decrement-arrow.png), url(http://i.stack.imgur.com/8xDbU.png?horizontal-button-background.png);
	background-repeat: no-repeat, repeat-x;
	background-position: 7px 4px, 0 0;
}
::-webkit-scrollbar-button:horizontal:decrement:active {
	-webkit-border-image: url(http://i.stack.imgur.com/gT5BM.png?horizontal-button-active.png) 0 2 0 2;
	background-image: url(http://i.stack.imgur.com/dGOKL.png?horizontal-decrement-arrow.png), url(http://i.stack.imgur.com/RDf8L.png?horizontal-button-background-active.png);
}
::-webkit-scrollbar-button:horizontal:increment {
	background-image: url(http://i.stack.imgur.com/5rJr5.png?horizontal-increment-arrow.png), url(http://i.stack.imgur.com/8xDbU.png?horizontal-button-background.png);
	background-repeat: no-repeat, repeat-x;
	width: 16px;
	border-left-width: 0;
	background-position: 3px 4px, 0 0;
}
::-webkit-scrollbar-button:horizontal:increment:active {
	-webkit-border-image: url(http://i.stack.imgur.com/gT5BM.png?horizontal-button-active.png) 0 2 0 2;
	background-image: url(http://i.stack.imgur.com/5rJr5.png?horizontal-increment-arrow.png), url(http://i.stack.imgur.com/RDf8L.png?horizontal-button-background-active.png);
}
::-webkit-scrollbar-button:horizontal:end:increment:corner-present {
	border-right-width: 0;
	width: 15px;
}
::-webkit-scrollbar:vertical {
	-webkit-border-image: url(http://i.stack.imgur.com/NdaTT.png?vertical-button.png) 2 0 2 0;
	border-color: transparent;
	border-width: 2px 0;
	background-image: url(http://i.stack.imgur.com/p7j9a.png?vertical-button-background.png);
	background-repeat: repeat-y;
}
::-webkit-scrollbar:vertical:corner-present {
	border-bottom-width: 0;
}
::-webkit-scrollbar-thumb:vertical {
	-webkit-border-image: url(http://i.stack.imgur.com/rPEsZ.png?vertical-thumb.png) 15 0 15 0;
	border-color: transparent;
	border-width: 15px 0;
	min-height: 20px;
}
::-webkit-scrollbar-track-piece:vertical:start {
	margin-top: 6px;
}
::-webkit-scrollbar-track-piece:vertical:end {
	margin-bottom: -6px;
}
::-webkit-scrollbar-track-piece:vertical:decrement {
	-webkit-border-image: url(http://i.stack.imgur.com/Rb6ru.png?vertical-track.png) 15 0 15 0;
	border-color: transparent;
	border-width: 15px 0 0 0;
}
::-webkit-scrollbar-track-piece:vertical:increment {
	-webkit-border-image: url(http://i.stack.imgur.com/Rb6ru.png?vertical-track.png) 15 0 15 0;
	border-color: transparent;
	border-width: 0 0 15px 0;
}
::-webkit-scrollbar-button:vertical {
	height: 21px;
	-webkit-border-image: url(http://i.stack.imgur.com/NdaTT.png?vertical-button.png) 2 0 2 0;
	border-color: transparent;
	border-width: 2px 0;
}
::-webkit-scrollbar-button:vertical:decrement {
	background-image: url(http://i.stack.imgur.com/KQvwk.png?vertical-decrement-arrow.png), url(http://i.stack.imgur.com/p7j9a.png?vertical-button-background.png);
	background-repeat: no-repeat, repeat-y;
	background-position: 4px 7px, 0 0;
}
::-webkit-scrollbar-button:vertical:decrement:active {
	-webkit-border-image: url(http://i.stack.imgur.com/uW3TL.png?vertical-button-active.png) 2 0 2 0;
	background-image: url(http://i.stack.imgur.com/KQvwk.png?vertical-decrement-arrow.png), url(http://i.stack.imgur.com/puDsH.png?vertical-button-background-active.png);
}
::-webkit-scrollbar-button:vertical:increment {
	background-image: url(http://i.stack.imgur.com/UjkVR.png?vertical-increment-arrow.png), url(http://i.stack.imgur.com/p7j9a.png?vertical-button-background.png);
	background-repeat: no-repeat, repeat-y;
	height: 16px;
	border-top-width: 0;
	background-position: 4px 5px, 0 0;
}
::-webkit-scrollbar-button:vertical:increment:active {
	-webkit-border-image: url(http://i.stack.imgur.com/uW3TL.png?vertical-button-active.png) 2 0 2 0;
	background-image: url(http://i.stack.imgur.com/UjkVR.png?vertical-increment-arrow.png), url(http://i.stack.imgur.com/puDsH.png?vertical-button-background-active.png);
}
::-webkit-scrollbar-button:vertical:end:increment:corner-present {
	border-bottom-width: 0;
	height: 15px;
}
::-webkit-scrollbar:disabled {
	background: red;
	-webkit-border-image: none;
	display: none;
}

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);
		};
	});
});

var textarea = document.getElementById("wpTextbox1");
var heightLimit = 800;

textarea.onkeydown = function(){
  textarea.style.height = ""; /* Reset the height*/
  textarea.style.height = Math.min(textarea.scrollHeight, heightLimit) + "px";
}

껍데기 벗기기

{{#ifexpr:{{#rpos:{{{param}}}|]]}}>-1|{{#replace:{{#sub:{{{param}}}|2}}|]]}}|{{{param}}}}}

[[카미야 히로시]] returns 카미야 히로시
카미야 히로시 returns 카미야 히로시

Fate

{{#vardefine:i|2}}{{

#while: | |[[분류:{{{등장작품{{#var:i}}}}}]]{{ #vardefine:i |수식 오류: 알 수 없는 "{" 구두점 문자입니다. }} }}

Unicode test

—
\

lorem

덕질도 학문처럼 원전으로 해야 한다고 생각합니다. (그것은 물론 가능한 범위 안에서.) 본래의 작품과 마주해 보고 나만의 리액션을 취해야 다양한 시각과 의견을 확보할 수 있고, 그로 인해 분야의 깊이를 확장할 수 있기 때문입니다. 타인에 의해 비틀어진 정보를 주입받으면 편향된 시각만이 존재하게 되므로 독자는 그 개성을 잃고 작가는 독자의 반응을 패턴화해 거기에 응답하는 로봇이 되어 버리겠지요.

@@ 54번째 줄: / 54번째 줄: @@
 * [[쿠니타치 린카]]
 |
-* [[나와 이치노의 게임 동호회 활동일지]]
+* [[나와 이치노의 게임동호회 활동일지]]
 * [[타마유라]]
 * [[kiss×sis]]

연습장:카페인러브: 두 판 사이의 차이

2013년 9월 20일 (금) 03:24 판

목차

alpha

해야 할 일

관리

편집

유틸리티

Apple-like scroolbar

auto expand textarea

껍데기 벗기기

Fate

Unicode test

lorem

최근 바뀜

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

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

연습장:카페인러브: 두 판 사이의 차이

2013년 9월 20일 (금) 03:24 판

1. alpha#

2. 해야 할 일#

2.1 관리#

2.2 편집#

3. 유틸리티#

4. Apple-like scroolbar#

5. auto expand textarea#

6. 껍데기 벗기기#

7. Fate#

8. Unicode test#

9. lorem#

alpha

해야 할 일

관리

편집

유틸리티

Apple-like scroolbar

auto expand textarea

껍데기 벗기기

Fate

Unicode test

lorem

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