전체 글(114)
-
스프라이트 이미지
여러개 합쳐진 이미지를 CSS를 사용하여 필요한 이미지 부분만 표시할 수 있다. 별도의 이미지 여러개를 사용하는 대신 단일 이미지를 사용하며 웹페이지에 대한 서버의 요청 수를 줄일 수 있다. 구글의 스프라이트 이미지 스프라이트 이미지를 직접 만들 수도 있지만 CSS Sprites Generator(http://csssprites.com)를 사용하면 이미지와 CSS를 간단하게 사용할 수 있게 만들어 준다.
2018.06.08 -
테스트 이미지 사용하기
웹페이지 작업 시 최신글 등 DB에서 가져 올 영역의 미리보기 이미지를 간편하게 넣을 수 있는 방법이 있다. 원하는 크기의 이미지를 제공하는 사이트 placehold.it (http://placehold.it)
2018.06.06 -
모바일 웹 개발 시 주의할 점
모바일 브라우저의 종류는 다양하다. overflow:scoll 속성을 지원하지 않는 모바일 브라우저가 있다. ~ 선택자(동위 선택자)를 지원하지 않는 모바일 브라우저가 있다. gradient 속성을 지원하지 않는 모바일 브라우저가 있다. iOS 사파리는 label태그를 눌러도 반응이 없다. 대체: onclick viewport 설정 viewport 자세한 내용 안드로이드 : https://developer.android.com/guide/webapps/targeting 아이폰 : https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html
2018.05.30 -
CSS 초기화
meyerweb reset HTML5 Doctor YUI Library /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, field..
2018.05.30 -
Prefix free 플러그인
아래 CSS 소스와 같이 공급업체 접두사(벤더 프리픽스)를 쓰게 되는 경우가 있는데 소스의 양도 많아지고 작성하는데 번거로움 그리고 이 접두사를 쓰지 않아도 되는 플러그인 제공 지원하는 브라우저 : IE9 + , Opera 10+ , Firefox 3.5+ , Safari 4+ 및 Chrome ( 데스크탑 및 모바일 사파리 , Android 브라우저 , Chrome 및 Opera Mobile 모바일) IE8과 같은 구형 브라우저는 어쨋든 CSS3을 지원하지 않으므로 IE9이상 지원 -ms-transition-duration:1s; -webkit-transition-duration:1s; -moz-transition-duration:1s; -os-transition-duration:1s; transitio..
2018.05.30 -
기내반입 유모차에 관한 얘기
거의 대부분 항공사 탑승게시트에서 유모차를 받아주고 내리는 게이트 브릿지 나오면 바로 꺼내줍니다. 참 안타까운 것이 최근에 엄마들이 왜 기내반입을 해야하는지에 대한 이유도 모르고 그저 특정 인기브랜드들이 기내반입용이라고 광고하는 것에 현혹되서 심지어는 첫 디럭스 유모차를 사면서까지 기내반입을 물어보는 말도 안돼는 일이 벌어지고 있습니다. 그래서 제가 최근 직접 겪은 두가지 사례를 말씀드리는 것이 엄마들에게 도움이 되겠다는 생각이 들었습니다. 사례1 지난 2월 킨텍스에서 있었던 일입니다. 지금 기억에 투폴드를 사셨는지 슈퍼라이트를 사셨는지 정확하지는 않지만 아무튼 우리 마이크라라이트 유모차를 구입하시면서 자기가 그동안 얼마나 짜증나고 힘들었는지를 하소연 하듯 말씀하시는 아빠가 있었습니다. 이 아빠 말씀이 ..
2018.05.27