[HTML] 브라우저 ugerAgent (2016.05.31 기준)
·
개발일지/2016
윈도우 IE 윈도우 크롬 윈도우 파이어폭스 모바일 안드로이드 내장브라우저 모바일 아이폰 사파리 모바일 샤오미 내장브라우저
[HTML] 모바일 디바이스별 select option text ellipsis
·
개발일지/2016
드롭다운 내 텍스트가 길어질 경우, 어떻게 보여줄 것 인가에 대해 이야기를 나눴다.select box를 쓰면 사용성도 편리해지고 좋을 것 같았는데 아이폰과 샤오미 폰에서 강제 말줄임표(...)가 생기는 이슈를 발견했다. 아이폰 크롬(...) 샤오미 내장 브라우저(...) 안드로이드 내장 브라우저(full text) 안드로이드 크롬(full text)
[jQuery] element append/remove animate
·
개발일지/2016
http://stackoverflow.com/questions/1807187/how-to-remove-an-element-slowly-with-jqueryhttp://stackoverflow.com/questions/978708/jquery-append-fadein
[jQuery] 스크롤 최하단 자동 포커스(auto scroll to bottom of page with jquery)
·
개발일지/2016
up vote38down voteacceptedThis will work in every case, no need to put a 'ridiculous' number in it:$(document).scrollTop($(document).height());shareimprove this answeranswered Dec 27 '09 at 19:43Tatu Ulmanen71k19131156 Nice and simple. – gnarf Dec 27 '09 at 19:472 Doesn't work in "every" case. I tried it and it doesn't quite scroll to the bottom. It was fixed by putting a "slightly less ridiculo..
[HTML] 빠른 마크업을 위한 툴, EMMET
·
개발일지/2016
Brackets + Emmet : http://recoveryman.tistory.com/138Sublime Text 3 + Emmet : https://github.com/sergeche/emmet-sublime#readme EMMET 사이트 : http://docs.emmet.io/ EMMET 치트시트 : http://docs.emmet.io/cheat-sheet/EMMET 다운로드 : http://emmet.io/download/ Syntax Child: >nav>ul>li Sibling: +div+p+bq Climb-up: ^div+div>p>span+em^bq div+div>p>span+em^^bq Grouping: ()div>(header>ul>li*2>a)+footer>p (div>dl>(d..
[UI] Instagram NEW LOOK
·
개발일지/2016
http://blog.instagram.com/post/144198429587/160511-a-new-look 잘 정리된 국내 리뷰 ▶ https://brunch.co.kr/@sooscape/31 5.18 덧) 네이비색에서 흑백톤으로 바뀐거 말고는 큰 사이를 못 느꼈었는데, 추천 친구 UI가 조금 바뀌었다.가로 슬라이드 형태로 바뀌었고, 프로필 사진 크기가 커졌다. Today we’re introducing a new look. You’ll see an updated icon and app design for Instagram. Inspired by the previous app icon, the new one represents a simpler camera and the rainbow lives on..
[jQuery] Paul gave me a tip
·
개발일지/2016
function _help(msg) { var o; switch (typeof(msg)) { case 'undefined': case 'boolean': case 'number': case 'string': o = msg; break; case 'function': o = msg.toString(); break; case 'object': if (msg === null) { o = 'null'; } else if (Array.isArray(msg)) { o = msg; } else { o = JSON.parse(JSON.stringify(msg)); } break; default: console.warn('log.out: undeterminable type: {0}'.format()); o = msg; ..
[CSS] 길이가 다른 element 상단 정렬하기 (n번째 요소 clear:both)
·
개발일지/2016
See the Pen 길이가 다른 요소 상단 정렬하기 by Hyejin Oh (@mmt-zinee) on CodePen.
[CSS3] flexible layout (display: flex 관련)
·
개발일지/2016
들어가며 앞으로 CSS에서 가장 기대하고 있는 부분이 바로 레이아웃 컨트롤이다.flex와 같은 CSS가 보편화되면 아마 퍼블리싱이 훨씬 수월해 질 것 같다. *display: flex 의 경우는 IE에서 11을 제외하면 동작하지 않는 문제점이 있다. [참고] https://css-tricks.com/snippets/css/a-guide-to-flexbox/[참고] http://ko.learnlayout.com/flexbox.html 실습#1. NTS 프론트엔드개발팀에서 유투브에 공유한 영상을 보고 간단한 flexible layout을 만들어봤다.정말 간편하고 간결하다. CSS 만으로 dom 위치를 훨씬 유연하게 컨트롤 할 수 있다는 점이 가장 좋다. #2. flex-direction: column || ..