일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- HTML
- css3
- 깜박임
- jQuery
- 구글차트
- 태그
- googlechart
- position
- 새창열기
- 팝업
- JavaScript
- 페이지 이동
- script
- 시맨틱
- relative
- tag
- onclick
- 시맨틱 태그
- absolute
- 가상 요소
- 툴팁
- Transform
- window.open
- window open
- 가상 클래스
- Semantic
- translate
- jQuery UI
- Semantic tag
- html5
- Today
- Total
목록퍼블리싱/Mobile & APP (4)
무아지경
앞에서 앱 등록시 필요한 것들에 대해 작성해 놓았다. 각 이미지들을 필요로 하는 사이즈가 있다. 1. 그래픽 이미지 사이즈 - 1024x500 2. 스플래시 이미지 사이즈 - IOS_가로_사이즈 480x320 960x640 1024x768 1136x640 1334x750 2048x1536 2208x1242 - IOS_세로_사이즈 320x480 640x960 640x1136 750x1334 768x1024 1242x2208 1536x2048 - Android_가로_사이즈 320x200 480x320 800x480 1280x720 1600x960 1920x1280 - Android__세로_사이즈 200x320 320x480 480x800 720px1280 960px1600 1280x1920 3. 아이콘 사이..
앱등록시 필요한 이미지/아이콘 IOS의 App Store 나 안드로이드의 Google Play Store에 앱을 등록할때 필요한 것들이 있다. 그래픽이미지 / 스플래시 이미지 / 아이콘 / 스크린샷 1. 그래픽 이미지는 구글플레이에 등록된 어플을 보면 상단에 게시 되는 이미지이다. 2. 아이콘은 말그대로 앱 아이콘..즉 앱을 설치하면 보이는 앱 아이콘을 말한다. 3. 스크린샷은 앱 설치 페이지 하단에 보이는 어플리케이션을 설명해주는 이미지이다. 4. 스플래시 이미지는 어플리케이션이 시작되는 순간 잠시 보여지는 시작화면을 말한다. 로딩페이지라고 생각하면 쉽게 이해할 수 있을것 같다. ============================= 1 ============================= =======..
IOS Safe Area 마무리 되어간다고 생각했던 APP에서 알 수 없는 오류가 생겼다. 아이폰X 부터 적용된 레이아웃 때문에 생기는 문제다. footer 밑으로 컨텐츠가 보이고 홈버튼이 보인다. header도 멀쩡해 보이지만 실제로 보면 같은 문제로 레이아웃이 틀어져 버린다. 해결법 1. viewport-fit=cover 추가 1234cs 2. CSS 추가 123456789/* 코딩한 body에 추가 */body { padding-top: constant(safe-area-inset-top); /* iOS 11.0 */padding-top: env(safe-area-inset-top); /* iOS 11.2 */ }/* 코딩한 footer에 추가 */.footer { padding-bottom: co..
jQuery Mobile 앱 디자인을 하게 되었다. 하이브리드앱을 만든다고 한다. jQuery Mobile 을 사용해 디자인 해달라는 요청이 와서 찾아봤더니....욕나온다..어렵다... 최근 한달간 한 10년은 늙는 기분이었다. 작업하면서 사용했던 기능들 정리해서 쓰려고 했는데 귀찮아졌다..다음기회에.... 데모사이트 : http://demos.jquerymobile.com/1.4.5/ 다운로드 : https://jquerymobile.com/download/