[ 조건 ]가 버튼이 보일 때는 margin-top: 10px,버튼이 없을 때는 margin-bottom: 10px; 이 되어야 한다. [ 궁금증 ]스크립트를 쓰지 않고, CSS로만 제어하고 싶다.display: block/none 상태를 선택자로 사용할 수 있을까? [ 해결 ]만약 요소가 style 속성을 사용하고 있다면 CSS3로 해결 할 수 있다. .user-pw dd > button + .error-txt margin: 0 0 10px button:not([style*="display: none"]) + .error-txt margin: 10px 0 0 [ 참고 ]http://stackoverflow.com/questions/5275098/a-css-selector-to-get-last-visib..

[출처] http://stackoverflow.com/questions/32370807/ipad-ios-8-click-event-on-dynamic-span-not-detected We are integrating MathQuill with a keypad. (http://mathquill.com/demo.html). Things work fine on IOS7. With IOS8 Safari, we have trouble detecting the click events. DetailsFor mathquill integration, we have a span element in the document. Mathquill adds its elements to this span and creates an i..

Comment오늘 우연히 네이버 TV캐스트에서 이런 UI를 보았다. 이런 사이트는 주로 댓글 반응을 더 자주 보곤하는 데 그러면 화면이 가려져서 소리만 듣는 경우가 많다.그런데! 이러한 경우에 오른쪽 하단에 작은 미니 플레이어를 만들어 준다. 짧은 순간도 놓치지 않을 수 있어서 정말 좋다. X(닫기)버튼도 있어서 미니 플레이어를 없앨 수도 있다. 유투브 모바일에서는 영상을 보다가 리스트로 돌아가 다른 동영상들을 검색하는 동안 미니 플레이어가 제공된다.하지만 웹에서는 그러한 기능이 없는데 네이버에서는 이러한 UX를 제공하고 있다.

https://medium.com/muzli-design-inspiration

▶ jQuery Countdown Example (Hour Base) ▶ Pure Javascript Countdown Example (Minute&Second Base) ▶ Pure Javascript Countdown Example (Second Base)

2015.11 엑소 티저 사이트반응형 웹 데모 시연 동영상

$browser-context: 16 @function em($pixels, $context: $browser-context) @return #{$pixels/$context}rem

텍스트 로테이터https://github.com/peachananr/simple-text-rotator 텍스트 슬라이더(up/down)http://www.jqueryscript.net/rotator/Handy-jQuery-Text-Slider-with-CSS3-Transitions.htmlhttp://www.jqueryscript.net/demo/Handy-jQuery-Text-Slider-with-CSS3-Transitions/ 단순 깜박깜박http://codepen.io/AmruthPillai/pen/axvqB/ 다양한 옵션http://morphext.fyianlai.com/ Pure Css Text Sliderhttps://codepen.io/johnlouie04/pen/BqyGb

How do I get a YouTube video thumbnail from the YouTube API? Each YouTube video has 4 generated images. They are predictably formatted as follows:http://img.youtube.com/vi//0.jpg http://img.youtube.com/vi//1.jpg http://img.youtube.com/vi//2.jpg http://img.youtube.com/vi//3.jpgThe first one in the list is a full size image and others are thumbnail images. The default thumbnail image (ie. one of 1..