블로그
게시판
자유게시판 / 방명록
Gallery
漢픽 게시판
서비스
Beautify
Minify
기상청 격자정보 - 위경도 변환
HTML⇔JADE 변환
XML⇔JSON 변환
漢픽 : 漢詩(文) 이미지 변환
MetaUI
Layout Generator
Form Generator
Grid(Table) Generator
MetaUI 요소 Sample
Reference
Client Side
Server Side
Tool
CheatSheet
Tutorial...
Sample
AnyStretch
SlimScroll
FooTable
FlipCountdown
BxSlider
SpinDigit
Morris Chart
Sparkline Chart
C3 Chart
EChart
다음지도
날씨 + 다음지도
OpenWeatherMap
다음 우편번호
zTree
appendGrid
html2canvas
로그인
Sample
Layout Generator
Layout Generator
레이아웃 생성기
기본
샘플 레이아웃
V(U,U,U)
V(U,H(U,U,U),U)
V(H(U,U),H(T(U,U),A(U,U,U)),U)
V(H(U:4,U:8),H(T(U,U,U),A(U,U,U)),H(U:5,U:4,U:3))
V(U,H(U,V(U,U),U),H(T(U,U,U),A(U,U,U,U)),V(H(U,U,U),H(U,U)))
V(U'Header',H'Content'(U'왼쪽',U'중앙',U'오른쪽'),U'Footer')
레이아웃 코드
Generate Layout
Preview
HTML
JADE / DATA
JADE
DATA
Reference
http://pegjs.majda.cz/
Parse Generator for Javascript
Guide
정상적으로 동작하기 위해서는 관련 Javascript (plugin 포함) 들이 필요합니다.
레이아웃 5대요소 - V, H, T, A 그리고 U
V : VBox
H : HBox
T : Tab
A : Accordion
U : Unit(요소영역) - 하위요소를 포함할 수 없음