Line 1: | Line 1: | ||
− | --- | + | {{#css: |
+ | #mw-content-text h3 span { | ||
+ | font-weight: 600; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | |||
+ | .mw-headline { | ||
+ | font-weight: 600; | ||
+ | } | ||
+ | |||
+ | span.mw-editsection { | ||
+ | font-weight: 200; | ||
+ | position: relative; | ||
+ | float:right; | ||
+ | margin-right: 25px | ||
+ | } | ||
+ | |||
+ | span.mw-editsection a { | ||
+ | font-weight: 200; | ||
+ | } | ||
+ | |||
+ | .art-subpage { | ||
+ | background: #F7F7F7; | ||
+ | } | ||
+ | |||
+ | #mw-content-text p { | ||
+ | padding-top: 0px; | ||
+ | padding-bottom: 6px; | ||
+ | } | ||
+ | |||
+ | .mw-content-ltr ul { | ||
+ | margin: 0.3em 0 0 42px; | ||
+ | } | ||
+ | |||
+ | |||
+ | hr { | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | margin-left: -31px; | ||
+ | width: 720px; | ||
+ | border-bottom: 1px solid #E0E0DD; | ||
+ | border-left: 0px; | ||
+ | border-right: 0px; | ||
+ | border-top: 30px solid #F7F7F7; | ||
+ | } | ||
+ | <!-- | ||
+ | #sun-col { | ||
+ | -webkit-column-count:2; /* Chrome, Safari, Opera */ | ||
+ | -moz-column-count:2; /* Firefox */ | ||
+ | column-count:2; | ||
+ | } | ||
+ | |||
+ | #sun-col p { | ||
+ | padding-left: 0px; | ||
+ | --> | ||
+ | } | ||
+ | |||
+ | }} | ||
+ | |||
+ | Select & get quick output은 | ||
+ | |||
+ | === With this pattern, we can solve... === | ||
+ | app에서 | ||
+ | |||
+ | * | ||
+ | * | ||
+ | * | ||
+ | |||
+ | === Example : iOS_EyeEm === | ||
+ | {{#Widget:Vimeo|id=95705895|width=300|height=405|start=4s}} | ||
+ | ---- | ||
== Select one & get quick output == | == Select one & get quick output == | ||
+ | <div id="sun-col"> | ||
하나의 옵션을 선택하여, 선택된 옵션에 대해 실시간으로 아웃풋이 적용되어 나온다. | 하나의 옵션을 선택하여, 선택된 옵션에 대해 실시간으로 아웃풋이 적용되어 나온다. | ||
Line 24: | Line 95: | ||
* 여러 개의 사진필터 중 하나를 골라 사진을 찍는다. | * 여러 개의 사진필터 중 하나를 골라 사진을 찍는다. | ||
{{#Widget:Vimeo|id=93938689|width=533|height=395}} | {{#Widget:Vimeo|id=93938689|width=533|height=395}} | ||
+ | </div> | ||
+ | ---- | ||
== Multiple select & get quick output == | == Multiple select & get quick output == | ||
− | + | <div id="sun-col"> | |
하나 이상의 옵션을 선택하여, 선택된 옵션에 대해 실시간으로 아웃풋이 적용되어 나온다. | 하나 이상의 옵션을 선택하여, 선택된 옵션에 대해 실시간으로 아웃풋이 적용되어 나온다. | ||
Line 37: | Line 110: | ||
* 1개 이상의 아이콘을 선택할 때, 바로 아이콘에 해당하는 음악이 재생되어 결과물을 즉각적으로 확인한다. | * 1개 이상의 아이콘을 선택할 때, 바로 아이콘에 해당하는 음악이 재생되어 결과물을 즉각적으로 확인한다. | ||
{{#Widget:Vimeo|id=93374933|width=533|height=399}} | {{#Widget:Vimeo|id=93374933|width=533|height=399}} | ||
+ | </div> | ||
+ | |||
[[category:Make selection from pre-defined values]] | [[category:Make selection from pre-defined values]] |
Select & get quick output은
app에서
하나의 옵션을 선택하여, 선택된 옵션에 대해 실시간으로 아웃풋이 적용되어 나온다.
하나 이상의 옵션을 선택하여, 선택된 옵션에 대해 실시간으로 아웃풋이 적용되어 나온다.