CODE CAVE

placeholder가 되게 간편한 기능 중 하나죠! 필수적인 기능이기도 하구요 ㅋㅋ 2009년도였나~ 그 때쯤 저는 placeholder 를 하기 위해서 홀더로 쓸 이미지를 자르고 input 에 onfocus등을 이용해서 개발했던 때가 떠오르네요.. 정말 귀찮고 힘들고 개발이 하기 싫은정도까지 만드는 작업이였습니다. 이럴 시간에 로직에 좀 더 고민을 하고 싶었는데 말이죠.. 그래서 placeholder라는 속성이 나와서 편해지긴 했습니다. 하지만 편리해지면 편리해지는 만큼 동시에 호환성은 항상 문제로 뒤따라오죠! placeholder를 IE8,9에서도 호환시키는 방법은 여럿 있겠지만 아마 제일 중요한 부분은 플랫폼에 독립적이고 (부트스트랩과의 충돌문제 제거) 사용하기가 쉬워야 하는 것이지 않을까요. 이..

배경화면은 뭐니뭐니 해도 깔끔한게 최고죠 ㅎㅎ 여기에 귀여움까지 있다면 ㅇㅅㅇ 카카오프렌즈는 국민이 즐기는 아이콘이죠 ~ 카카오톡 디자인은 정말 위대함 ㅠㅠ 그래서 모았습니다! 카카오톡 배경화면 모음!! 저는 아이폰 SE 라서 배경화면 이런 아기자기 한 배경화면이 더 잘 어울리는 것 같아요 ㅎㅎ 다른 폰 썼을 땐 이것 저것 해봐도 그냥 그랬는데 아이폰 se는 정말 배경화면 바꾸는 재미가 있네요 ㅋㅋ 아무튼 여러분도 이번 기회에 배경화면 한번 갈아보세요~ ㅎㅎ ㅎㅎ 제 아이폰SE 잠금 화면 이예요. 저는 이 배경에 먼 곳을 바라보며 급하지 않게 넓게 보자는 의미를 부여하여 잠금화면으로!! 라이언 너무 귀엽지 않나요 ㅠㅠ 카카오 캐릭터 만든 디자이너.. 한명일지 팀단위일지 모르겠지만 정말 사랑스러울 것 같네..

jQuery로 화면 사이즈를 구해야 할 일은 많습니다. 특히 모바일은 디바이스가 워낙 다양해서 한 페이지가 디스플레이 크기에 따라서 변화하는 식으로 반응형 디자인을 하고, 그 것이 실제로 디바이스 크기에 반응하도록 하는 CSS 기능 중에 미디어 쿼리라는 기능이 있습니다. 자바스크립트로도 미디어 쿼리 처럼 화면 사이즈 별로 실행해야할 행위가 다를 경우에 할 수 있는 방법이 있습니다. 물론 jQuery로 하면 더 간단한 문법으로 적용할 수 있겠죠. 그래서 이번 포스팅에서는 jQuery로 화면 사이즈를 구하고 화면 사이즈에 따른 코드를 분기 해보겠습니다. function open_chatroom(){ var windowWidth = $( window ).width(); if(windowWidth < 500) ..