카테고리: CSS, Div, Javascript

Background size

Optimizing Graphics for Apple’s Retina Display Using the CSS Background Size   CSS3 background-size Property   Value Description Play it auto Default value. The background-image contains its width and height Play it » length Sets the width and height of the background image. The first value sets the width, the second value sets the height. […]

더보기

100% Div Height Issue

100% Div Height Issue stackoverflow.com 브라우저 화면의 100% 높이를 유지하는 레이아웃 hyeonseok.com

더보기

Photoshop – Free Patterns

          Striped Patterns – 30 Free Patterns

더보기

CSS3 Button Generator Site

http://css3button.net/

더보기

input type text한글 영문만 적용하기

style=”ime-mode:active” – 한글만 입력됨(자판이 영문모드여도 자동으로 한글 전환 됩니다.) style=”ime-mode:inactive” – 영문만 입력됨(자판이 한글모드여도 자동으로 영문 전환 됩니다.) style=”ime-mode:auto”>한/영 전환가 style=”ime-mode:disabled”>한글사용불가 style=”ime-mode:desativated”>한글모드 (전환가능) 한글모드(전환가능) 영문모드(전환가능) 한/영 전환가 한글사용불가 한글모드 (전환가능)

더보기

30 Beautiful Mobile App Websites for Design Inspiration

http://designinstruct.com/visual-inspiration/web-design-inspiration/mobile-app-website-design-inspiration/ Mobile apps often have a dedicated website or landing page for informing site visitors about the app’s features. This site also presents a great opportunity to gain more users and for getting the app seen and recognized by more people. Whether you’re in need of inspiration for your mobile app’s website design or simply […]

더보기

웹용 모바일 Basic

http://ekjeon5783.blog.me/141022543 1. 바로가기 아이콘 만들기 안드로이드 gonabi.ico 지원 아이폰 아이패드 gonabi.png 지원 이미지를 2개 만들고 메타태그 적용 <link rel=”shortcut icon” href=”img/common/coforward.ico” /> // 안드로이드 <link rel=”apple-touch-icon” href=”img/common/coforward.png” /> //아이폰 2. 브라우저 크기에 따라 웹용 css, 모바일용 css 적용하기 ex> <link href=”css/layout.css” type=”text/css” rel=”stylesheet” media=”screen and (min-width:769px)” /><!–PC용 CSS–> <link href=”css/layout_mobile.css” type=”text/css” rel=”stylesheet” media=”screen and (max-width:768px)” […]

더보기

Create a Slick CSS3 Login Form NO IMAGES ALLOWED

http://www.threestyles.com/tutorials/css3-login-form-tutorial <form> <label>Username:</label> <input type=”text” name=”username” /> <label>Password:</label> <input type=”password” name=”password” /> <input type=”submit” value=”Submit” name=”submit” class=”submit” /> </form> form { width: 250px; padding: 20px; border: 1px solid #270644; /*** Adding in CSS3 ***/ /*** Rounded Corners ***/ -moz-border-radius: 20px; -webkit-border-radius: 20px; /*** Background Gradient – 2 declarations one for Firefox and one for Webkit […]

더보기

가격표시 할때 사용되는 화살표 이미지

.sale { background: url(/img/shop/shop6/arrow.png) no-repeat right 8px; padding: 0 12px 0 5px; height: 24px; color: #666; display: inline-block; background-size: auto 13px; -webkit-background-size: auto 13px; -moz-background-size: auto 13px; } <span id=”prd_slcost” class=”sale”>374,000원</span>

더보기

CSS3 Reference Site

http://compass-style.org/reference/compass/css3/

더보기