월: 2013 12월

Flatastic: A Fantastic And FREE Mobile UI Kit

http://xdesigns.net/2013/12/flatastic-fantastic-free-mobile-ui-kit/ Preview: Click Here Documentation : http://thedesigninspiration.com/flatastic-mobile-ui-kit/

더보기

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/

더보기

유료 한글 폰트 구입처

좋은글씨 http://www.goodfont.co.kr/c_mbuy/?p_url=sub 윤디자인 http://www.font.co.kr/fontstore/ 산돌폰트 http://www.fontclub.co.kr/Shop/FontShop/Main.asp 릭스폰트 http://rixshop.fontrix.co.kr/

더보기

jQuery plugin for creating side menu

http://www.berriart.com/sidr/ <!DOCTYPE html> <html> <head> <!– Your stuff –> <!– Include Sidr bundled CSS theme –> <link rel=”stylesheet” href=”javascripts/sidr/stylesheets/jquery.sidr.dark.css”> </head> <body> <!– Your stuff –> <!– Include jQuery –> <script src=”javascripts/jquery.js”></script> <!– Include the Sidr JS –> <script src=”javascripts/sidr/jquery.sidr.min.js”></script> </body> </html>

더보기

GOOGLE NEXUS WEBSITE MENU

http://tympanus.net/codrops/2013/07/30/google-nexus-website-menu/

더보기