꽤 시간이 지나 읽어도 감동적인 토비님의 답변 :) 아이디를 쓰지 말라고 하는데는 그 이유가 있을 건데 이유를 제대로 제시하지 않는건 아쉬움이 있는 커뮤니케이션이네요. 뭐 다른곳에서도 비일비재 한 일이니까요. 예상되는 이유로는 2가지가 있습니다. 첫 번째는, id가 페이지내의 고유한 요소의 의미외에도 개발작업시 요소 선택을 위한 방편으로 사용된다는 점 때문입니다. 의미론적 id는 URL맨 뒤에 #id 를 붙여 해당컨텐츠가 있는 곳으로 스크롤을 맞춰주는 일명 책갈피 기능 외에는 아무런 실효기능이 없습니다. 때문에 그 보다는 id를 개발작업시 선택을 위해서 사용하는 용도로만 제한하고 사용하는 식의 협업방식을 취하는 경우가 많습니다. 두 번째는, CSS내에서의 id 선택자 사용은 우선순위 문제를 발생시키기 때..
[CSS] box-shadow(property) vs drop-shadow(filter) 비교
·
개발일지/2015
아래는 PNG 파일에 각각 필터와 속성으로 그림자 효과를 주었을 때의 차이점을 명확히 보여주는 그림이다. (좌) drop-shadow (우) box-shadow [출처] demosthenes.info/blog/598/boxshadow-property-vs-dropshadow-filter-a-complete-comparison 하지만 필터는 IE, 오페라 미니, 안드로이드 브라우저 4.3 이하에서 적용되지 않는다. [출처] http://caniuse.com/#search=filter
[출처] 네이버 지식백과 IDC [Internet Date Center]서버 컴퓨터와 네트워크 회선 등을 제공하는 시설로, 서버를 한 데 모아 집중시킬 피룡가 있을 때 설립한다. CDN [Contents Delivery Network]게임 클라이언트나 콘텐츠를 효율적으로 전달하기 위해 분산된 서버에 데이터를 저장해 사용자에게 전달하는 시스템 ARPU [Average Revenue per User] 게임에서 가입자 1명 당 특정 기간 동안 지불한 평균 금액을 산정한 수치. 부분유료 게임의 수익 지표로 활용된다. NPC [Non-Player Character]게임 안에서 플레이어가 직접 조종할 수 없는 캐릭터. 플레이어에게 퀘스트등 다양한 콘텐츠를 제공하는 도우미 캐릭터. CCU(동시접속자) [Concurr..
[jQuery] text ellipsis plugin (single line, multil iine, position middle)
·
개발일지/2015
일반적인 CSS 를 이용한 한 줄 말줄임표는 아래와 같다. text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 문제는 멀티라인에서 발생한다.이를 해결해 줄 간략한 플러그인이 있어 소개한다. ※ 단점은 반응형에서는 옵션이 유지되지 않는다.[출처] https://github.com/STAR-ZERO/jquery-ellipsis
[CSS] How to vertically align an image inside div?
·
개발일지/2015
[출처] http://stackoverflow.com/questions/7273338/how-to-vertically-align-an-image-inside-div [해결] div 의 높이 만큼 line-height 를 주고, 이미지에 vertical-align:middle 을 주면 끝!
[CSS] z-index not working with fixed positioning
·
개발일지/2015
[출처] http://stackoverflow.com/questions/5218927/z-index-not-working-with-fixed-positioning [해결] z-index 속성이 높은 요소에 positon:relative; 추가