Android나 IOS 앱을 만들때는 버튼이나 배경이미지 사용시, 해상도에 관계없이 영역을 늘리기위해 나인패치(Nine-Patch) 이미지를 사용했지만 Web에서는 라이브러리를 사용하지 않으면 앱처럼 원하는대로 이미지가 늘어나지 않는다. But~ CSS3에서 제공되는 border-image 속성을 사용하여 나인패치 효과가 가능하다. border-image는 아래 속성들의 단축속성이다. ( border-image: source slice width outset repeat|initial|inherit; ) border-image-source /* 키워드 값 */ border-image-source: none; /* 값 */ border-image-source: url(image.jpg); border-im..
퍼블리싱 작업을 하고나면 프로젝트마다 IE대응 이슈가 생길 경우가 많다. 각각의 OS와 브라우저를 버전별로 설치해놓을 여유분의 PC가 있다면 좋겠지만 현실상.. 그렇게 여건이 주어지지 않는다. 결국 자신의 작업 PC에 가상머신을 설치해서 테스트 해볼 수 밖에 없다. 예전엔 IEtest라는 유틸을 사용하여 어느정도 테스트가 가능했는데, 이번에 설치를 다시 해보니.. 정작 필요한 IE7부터 IE9까지의 탭들이 정상 동작을 하지 않는 문제가 있었다. 그러다보니 확인을 위해 가상머신을 설치하게 되었다. 게다가 Virtual PC는 이상하게 설치가 되지않아 VirtualBox를 설치하였다.VirtualBox 다운로드 주소 : https://www.virtualbox.org/가상머신용 이미지파일 다운로드 주소 : ..
HTML5가 생긴지도 엄청나게 오래되었는데, 아직 순수하게 HTML5 태그를 사용하여 진행하는 프로젝트는 거의 해보지 못했다. 국내 익스활용도가 너무 높은데다 하위버전 호환성까지 고려하자면 태그인식을 위해 스크립트를 로딩해야하고 그렇게되면 속도문제도 발생되고... 등등... 프로젝트마다 환경적인 요인이 발생되는 일이 많다. 이번에 기회가 생겨서 새로 생긴 HTML5 태그들을 다시 훑어보다보니 details 라는 태그가 아주 쓸만하여 사용해볼까 한다. 참조 : https://www.w3schools.com/tags/tag_details.asp (새창으로 열림) 위와 같이 소스를 입력하면 아래와 같은 형태의 모양이 나온다. "Copyright ...." 라고 써진 부분이 summary 태그의 내용인데 클릭이..
- Total
- Today
- Yesterday
- 미패드4
- onkeypress
- CSS3
- 백다방 아샷추
- embed music
- keyCode
- SK Apn
- keystroke
- 만보기
- web nine patch
- 샤오미
- 단거좋아
- 리사이클팜
- 부천포켓볼
- ClearBoth 세미나
- 위드풀
- HUD M17
- 초콜렛
- 케이크
- border image
- onkeydown
- 크롬 새창 열기
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |