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] 잘 안쓰기에 안외워지는 코드들을 정리해서 올려두는 포스팅입니다.
Category Archives: Web Publishing
툴바 감추기?
윤석찬님 블로그의 글 중 “검색은 멈추지 않는다!“라는 글에서 보이는 검색 통계를 보면 모바일 검색의 트래픽은 점심, 잠들기전 시간에 올라가는것을 볼수 있습니다. 점심을 먹으러 가서도 웹 페이지를 열고 검색을 하고 있다는 뜻이겠죠. 모바일의 특성상 어디서든 사용할수 있지만, 느린 환경에서 사용할 경우도 많은데 검색을 하기 위해서 아래 컨텐츠까지 전부 로드 되는걸 기다리는건 시간, 트래픽 낭비라고 봅니다. 그렇기에 …
column을 이용한 vGrid따라하기
요즘 유행하는 레이아웃 중 vGrid(이름이 맞는지 몰라서, jQuery플러그인 이름을 따랐습니다.)라는 레이아웃이 있습니다. jQuery플러그인으로 나온 뒤 많은 사이트에서 사용되고있는 멋진 레이아웃 방법이라고 생각합니다. 이 레이아웃 방식은 박스별로 float을해서 코딩을 하면 position으로 바꿔서 알맞는 위치에 담아주는게 핵심이라고 생각합니다. 문제는 유동적인 박스때문에 javascript를 이용하지 않으면 방법이 없었지만, css3의 속성 중 column을 이용하면 비슷하게나마 구현이 가능한듯합니다. 익스에서는 column을 지원하지 …
mouseenter, mouseleave event
mouseover, mouseout event는 마우스가 객체 위에 놓여졌을 때, 영역을 벗어낫을때 발생하는 event입니다. 허나 이 event들은 객체에서 자식요소로 마우스를 이동해도 event가 발생하는 문제가 있습니다. 아래의 예제처럼요. event : 이런 문제를 회피하기 위해서 IE에서는 mouseenter, mouseleave 두 event가 존재합니다만, IE에서 밖에 실행이 되질 않아서 스크립트를 작성하는데 문제가 많더군요. jQuery.js, prototype.js같은 JavaScript Framework을 쓰면 좋겠지만 제 특성상 Framework을 …
IE8 Hack
[css] /* IE6, IE7, IE8 */ selector { color: blue\9; } /* IE7, IE8 */ selector { color/*\**/: blue\9; } [/css] 구글검색을 하다보면 IE8 STANDARDS MODE ONLY로 되어있지만… 막상 IE Tester로 테스트 해보면 IE7에서도 동작 하더군요..-_- IE Tester가 문제인지 올라온 글들이 문제인지는 확인해 보지 못했지만 IE Tester로 테스트하고 안된다고 하는 사람도 있기에…-_-; IE7, IE8 두개 …
inline-block속성 이용하기
요즘 제가 float속성 대신 많이 사용하고있는 방법은 inline-block입니다. 이미지 겔러리 같은 디자인을 코딩시 float의 단점은 높이가 다를 경우 다음줄의 정렬이 뒤틀어지는 문제가 생기기 때문에 높이를 정해주거나 사이에 clear를 해야 하는 문제가 있었죠.. (저같은 경우는 말이죠.. 좋은 방법을 알고계시다면 알려주세요.) 그래서 사용하는 방법이 inline-block입니다. inline-block로 정렬시 높이가 일정하지 않아도 정렬이 뒤틀림 없이 나오게 할수가 있습니다. 거기다 …