VoidNoble IT Zone

주말, 간단히 두뇌 예열 겸 간단한거 하나.아래와 같은 모바일웹 이벤트 페이지는 어떻게 구성되었는지 분석해 본다. 이미지의 가로 사이즈는 800px 이었다. 아래 스샷은 스크린이 이미지 가로 사이즈보다 넓은 950px 에서의 뷰이며 양쪽 여백이 생기며 가로 정렬 되어 있음을 알 수 있다. 이미지들은 어떻게 잘라서 구성하였나? TOP 이미지 본문 버튼 본문 하단 SNS 아이콘 버튼들 SNS 아이콘버튼들 구성 소스 각 -1){$("#____kakaolink____").attr("src","https://itunes.apple.com/kr/app/kakaotog-kakaotalk/id362057947?mt=8");}}},1500);$("#____kakaolink____").attr("src",this.data..

[출처] https://github.com/phonegap/phonegap/wiki/App-Icon-Sizes Webapp57 px, index.html의 에 추가.iOS57 px, iPhone72 px, iPad114 px, iPhone 4 레티나 디스플레이144 px, iPad 3 레티나 디스플레이1024 px, iTunes – 아이튠즈와 앱스토어에서 175px로 크기조정되어 사용됨.29 px, iPhone 설정/Spotlight, iPad 설정 – 테이블 뷰들에서 사용됨. 일부지만, 여전히 중요!48 px, iPad Spotlight58 px, iPhone 4 설정/Spotlight64 px 문서 아이콘320 px 문서 아이콘More Info애플 가이드라인iOS 앱 아이콘 크기Android96px ..

http://jquerymobile.com/blog/2013/01/14/announcing-jquery-mobile-1-3-0-beta/ 영어 전문가가 아니기에 발번역했습니다. 교정은 받고 악플은 반사합니다.1. (기기) 응답형 디자인 지원. 태블릿 등에서도 잘 지원이 되도록 하려나 봅니다. 그리드, 테이블에 대해 응답형 디자인을 지원해주네요.2. 사이드 패널 위젯 [새창] 페이스북 모바일버젼에서 좌측 상단의 버튼을 누르면 왼쪽에서 오른쪽으로 스스륵 나오며 보여지는 메뉴들이 담긴 패널을 지원하게 되었습니다. 좌,우측 모두 가능하며 에니메이션도 3가지를 지원하는군요.3. 범위 슬라이더 기존 슬라이더 입력 요소는 하나의 수치만 입력 가능했는데 이제 어디~어디까지의 두 시작과 종료 수치를 시각적으로 편하게 입..

UI 상으로 CommentActivity 와 그 하위에 CommentListFragment 가 있다고 가정한다. public static class CommentListFragment extends SherlockListFragment { private String mNum; /** * Create a new instance of CommentFragment, providing "num" as an argument. * CommentListFragment list = CommentListFragment.newInstance(num); */ public static CommentListFragment newInstance(String sNum) { CommentListFragment f = new Comm..

공식사이트에서는 숫자만 보인다. 이미지까지 미리보여주는 사이트. http://androiddrawables.com

기존에 TabActivity를 통해 만들었던 앱을 Fragment 형식으로 변경하면서 ListActivity도 ListFragment로 큰 문제 없이 변경했는데트위터 앱처럼 스크롤을 끝까지 내리면 자동으로 다음 목록이 붙어 나오게 하려는 목적으로 구글링 했고 GitHub에서 https://github.com/shontauro/android-pulltorefresh-and-loadmore를 찾게 되었고 적용하려 보니 몇가지 오류가 발생했다.샘플에 있는 ListActivity들은 어떻게 ListFragment로 적용해야 하나?setListShown(boolena); setListShownNoAnimation(boolean); 등에서 발생하는 IllegalStateException과 같은 오류는 어떻게 잡아야..

ActionBarSherlock의 기본 강조 색상은 하늘색인데 빨간색으로 변경하려 하니 애로사항이 꽃피었다.몇번의 클릭질 만으로 res 디렉토리 쓰일 이미지,스타일 파일들을 만들어주는 고마운 사이트가 존재하였으니...그 주소는 아래와 같다. http://jgilfelt.github.com/android-actionbarstylegenerator/저 사이트 없어지면 안드로이드 UI 디자인 마스터가 아닌 모든 이들이 피똥 싸야할듯.

위의 그림에서 LIstView의 한 줄마다 오른쪽 끝 img 부분에 '>' 표시를 하여 클릭하면 상세가 있음을 알려주는것인데 iOS UI 가이드라인에만 명시되어 있고 안드로이드쪽은 없지만 구현하는것이 좋다고 생각될때 방법들. http://stackoverflow.com/questions/4357046/android-list-item-textview-on-left-image-on-right

[원본-일문] http://blog.nkzn.net/entry/20120113/1326478800 변역기 번역본.시대는 AsyncTask보다 AsyncTaskLoader http://archive.guma.jp/2011/11/-asynctask-asynctaskloader.html 아무래도 시대는 AsyncTaskLoader 같습니다. android-support-v4.jar에 있으므로 Android 1.6 이상에서 사용할 수 있으며, 간단한것 같습니다. 일단 사용해보기로합시다.AsyncTaskLoader | 안드로이드 Developers http://developer.android.com/reference/android/content/AsyncTaskLoader.html 어디부터 어디까지가 AsyncT..

이클립스로 안드로이드 개발시 에뮬 속도가 저질이기에 고통이 많았습니다.HAMX를 이용하는 방법가상컴퓨터를 이용한 방법으로 속도를 이겨내보려는 노력이 있었으나 맥북에 셋팅해봤더니 사과마크가 뜨며 크래쉬가 일어났으며 띄울때마다 연결을 위해 커맨드라인에서 adb 명령을 때려줘야 하는 귀차니즘을 유발했습니다.다른 해결법이 BlueStacks에 있었습니다.속도 Good이클립스에서 디버깅 가능설치완료하면 이클립스에서 프로젝트 Run시 emulator-5554 와 같이 에뮬이 바로 보여짐한글 지원그럼, 블루스택을 통한 안드로이드 개발 시작을 따라해 봅시다.블루스택 홈페이지에서 사용하는 운영체제에 맞는 설치본을 다운받고 설치합니다. 윈도우용 BlueStacks App Player를 띄워보니 창이 너무 크군요.크기를 조..