IE10에서 IE 호환성 모드사용하기

IE8로 넘어 오면서 호환성모드를 ms에서 추가 하였습니다. 아래의 소스와 같은 방식으로 호환성 모드를 동작시킬수가 있습니다. [html] <meta http-equiv="X-UA-Compatible" content="IE=9" /> [/html] 헌데 IE10에서 자바스크립트로 태그의 속성을 체크 할경우 문제가 생깁니다. html5에서 추가된 placeholder같은 IE10에서만 동작하는 속성의 경우 호환성 모드가 추가될 경우 아래와 같은 방법으로는 속성값을 뽑아오지 못하고 undefined를 뿌려주는 문제가 생기게 됩니다. [html] <input type="text" …

CSS Flexbox

여러가지 방법이 있겠지만 Flexbox를 이용한 유동적으로 늘어나고 줄어드는 input박스를 구현해봤습니다. 요즘 모바일 코딩시 전화번호 입력폼, 주민등록번호 입력폼등에서 많이 사용하고있습니다. 좋은 방법이 될지 확신은 안서지만 가장 편하더군요.-_-

HTML Attribute

datetime YYYY-MM-DDThh:mm:ssTZD 기준으로 사용 예) 2012-09-19T11:17:20+09:00 T는 고정으로 들어가는 부분 시간, 날짜는 2자리수로 표시 TZD은 협정 세계시를 따라 한국은 +09:00 사용 태그 : time, del, ins Demo 안녕 안녕하세요 [html] <del datetime="2012-09-19T11:17:20+09:00">안녕</del> <ins datetime="2012-09-19T11:17:20+09:00">안녕하세요</ins> [/html] 잘 안쓰기에 안외워지는 코드들을 정리해서 올려두는 포스팅입니다.

Custom Fields Part1.

WordPress에서는 글 작성시 Custom Fields를 이용하여 css를 작성하면 http://ilovetypography.com/같은 블로그처럼 포스팅마다 새로운 디자인의 페이지를 만들어 낼수가 있습니다. 사용하고 계신 Themes의 header.php파일을 열고 head안쪽으로 아래와 같이 소스를 추가해 줍니다. [html] <?php //Custom Fields if(is_single()) { $style = get_post_meta($post->ID, ‘_custom_style’, true); if($style) { ?> <style type="text/css" media="screen, print"> <?=$style?> </style> <?php } } ?> [/html] Themes를 수정하셨다면 …

툴바 감추기?

윤석찬님 블로그의 글 중 “검색은 멈추지 않는다!“라는 글에서 보이는 검색 통계를 보면 모바일 검색의 트래픽은 점심, 잠들기전 시간에 올라가는것을 볼수 있습니다. 점심을 먹으러 가서도 웹 페이지를 열고 검색을 하고 있다는 뜻이겠죠. 모바일의 특성상 어디서든 사용할수 있지만, 느린 환경에서 사용할 경우도 많은데 검색을 하기 위해서 아래 컨텐츠까지 전부 로드 되는걸 기다리는건 시간, 트래픽 낭비라고 봅니다. 그렇기에 …