[CSS] multiline ellipsis '-webkit-line-clamp'
·
개발일지/2016
티스토리 스킨 수정하다가 우연히 발견한 프로퍼티. 하지만 웹킷을 사용한 브라우저가 아니면 동작하지 않는다. http://tobyyun.tumblr.com/post/55858430437/http://www.cssmojo.com/line-clamp_for_non_webkit-based_browsers/http://caniuse.com/#search=line-clamp
[jQuery] jquery height() incorrect work in chrome
·
개발일지/2016
[참고] https://productforums.google.com/forum/?hl=en#!category-topic/chrome/give-feature-feedback-and-suggestions/V-Qd5B6GSLA
[CSS] display:none 인지 아닌지를 선택자로 사용하는 방법
·
개발일지/2016
[ 조건 ]가 버튼이 보일 때는 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..
[CSS] ios mobile > span is not clickable
·
개발일지/2016
[출처] 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..
[UI/UX] 네이버 캐스트 댓글 창 옆 미니 플레이어
·
개발일지/2016
Comment오늘 우연히 네이버 TV캐스트에서 이런 UI를 보았다. 이런 사이트는 주로 댓글 반응을 더 자주 보곤하는 데 그러면 화면이 가려져서 소리만 듣는 경우가 많다.그런데! 이러한 경우에 오른쪽 하단에 작은 미니 플레이어를 만들어 준다. 짧은 순간도 놓치지 않을 수 있어서 정말 좋다. X(닫기)버튼도 있어서 미니 플레이어를 없앨 수도 있다. 유투브 모바일에서는 영상을 보다가 리스트로 돌아가 다른 동영상들을 검색하는 동안 미니 플레이어가 제공된다.하지만 웹에서는 그러한 기능이 없는데 네이버에서는 이러한 UX를 제공하고 있다.
[디자인] UI/UX 참고 사이트 - Muzli Design Inspiration
·
개발일지/2016
https://medium.com/muzli-design-inspiration
[jQuery] jquery timer, javascript countdown (타이머 예제)
·
개발일지/2016
▶ jQuery Countdown Example (Hour Base) ▶ Pure Javascript Countdown Example (Minute&Second Base) ▶ Pure Javascript Countdown Example (Second Base)
[Dev] N스크린 대응
·
개발일지/2016
2015.11 엑소 티저 사이트반응형 웹 데모 시연 동영상
[Sass] px to em function
·
개발일지/2016
$browser-context: 16 @function em($pixels, $context: $browser-context) @return #{$pixels/$context}rem