I LOVE EJ

1. css로는@media screen and (orientation:portrait){ //새로로 들었을때 스타일 적용}@media screen and (orientation:landscape){ //가로로 들었을때 스타일 적용} 2. jQueryif($(window).innerHeight() < $(window).innerWidth()){ $('.img').css({ //가로로 들었을때의 스타일 적용 })} else { $('.img').css({ //새로로들었을때 스타일 적용 })} 3. Vanilla JavaScriptif(window.innerHeight < window.innerWidth){ document.querySelector('.img').style.스타일종류 = 가로스타일 } else..

으로 올린 유투브 동영상 유투브 동영상이 화면위로 뚫고 올라오는 경우z-index로도 안먹히는 경우 &wmode=opaque"속성이 지정되어 있는경우?대신 &를 넣어준다.?wmode=opaque"

IIS7 에서 woff MIME 등록하기. 확장명 : .woff MIME 형식 : application/x-font-woff

CompanyModelDiagonal cm/inResolutionViewportAppleiPad - 1st Gen, 225 (9.7)1024 x 768768 x 1024AppleiPad - 3rd Gen, 4th Gen25 (9.7) 2048 x 1536768 x 1024AppleiPad Mini - 1st Gen20 (7.9)1024 x 768768 x 1024AppleiPhone 4 / iPod Touch8.9 (3.5) 960 x 640320 x 480AppleiPhone 4S / iPod Touch8.9 (3.5)960 x 640320 x 480AppleiPhone 510 (4) 1136 x 640320 x 568AppleiMac 21.5-inch55 (21.5) 1920 x 10801920 x ..

웹폰트를 만들어서 사용하는 것보다 웹폰트를 제공하는 사이트를 이용하는게 훨씬 편합니다. 간단한 코드 몇 줄로 바로 적용시킬 수 있습니다.대표적인 웹폰트 제공 사이트는 Google Fonts입니다. 600개가 넘는 웹폰트가 있으며, 누구나 무료로 사용할 수 있습니다.http://www.google.com/fonts하지만, 여기에는 영어 글꼴만 있습니다. 한글을 비롯한 영어 이외의 글꼴은 Google Fonts Early Access로 가야합니다.http://www.google.com/fonts/earlyaccessCtrl+F로 찾기를 열고 Korean으로 검색합니다. 제일 처음 나오는 한글 웹폰트는 Hanna입니다.글꼴 설명과 함께 두 줄의 코드가 있습니다.@import url(http://fonts.go..

http://troy.labs.daum.net/

http://www.colorzilla.com/gradient-editor/ http://gradients.glrzad.com/ http://www.cssmatic.com/gradient-generator graph .graph {width:300px; height:300px; position:relative;}.graph li {position:absolute; top:0; width: 300px; height: 300px;}.graph li p {width: 300px; height: 300px;}.graph li span {display:block; width:150px; height: 300px;}.graph :nth-child(odd) { clip: rect(0px, 300px, 300px, 1..

input[type='checkbox'] { background: #fff; border: solid 2px #AD2A1A; height: 24px; width: 24px; -webkit-appearance: none; -webkit-border-radius: 4px; } input[type='checkbox']:checked { background: #fff; border: solid 2px #ADABA8; } input[type='checkbox']:checked:after { content: ' '; display: block; width: 14px; height: 14px; background: #C9C7C5; position: relative; top: 3px; left: 3px; -webkit..