본문 바로가기

시간을 사진하다

모바일(Mobile) 웹사이트 제작시 참고 사이트 - 제로나라 http://zeronara.net/bbs/board.php?bo_table=mobile
모바일 웹사이트 제작시 폰트 고정하기 모바일 폰은 가로나 세로로 볼때 폰트 고정합니다.(rotate) body,form,th,td,p { font-family : Verdana, Helvetica, Sans-Serif; font-size:12px; font-weight:normal; color:#000000; margin:0; padding:0; -webkit-text-size-adjust:none; } -webkit-text-size-adjust 의 사용방법 1. -webkit-text-size-adjust:auto; 2. -webkit-text-size-adjust:none; 3. -webkit-text-size-adjust:120%; 꼭 head.sub.php 설정에서 viewport 설정 의 "maximum-scale" 에 대한 설정..
모바일 웹사이트 제작시 iPhone용 웹어플리케이션을 만들때 유용한 팁 홈스크린 아이콘 지정하기 페이지 루트에 apple-touch-icon.png 라는 이름의 아이콘 이미지를 넣어놓으면 이 페이지를 홈스크린으로 만들때 아이콘으로 사용하게 됩니다. 이 때 시각효과는 자동으로 적용이 되는데 만일 자동으로 시각효과가 적용되지않게 하려면 apple-touch-icon-precomposed.png 라는 파일을 위의 파일 대신 넣어놓으시면 됩니다. 만일 아이콘의 이름을 다르게 하거나 경로를 바꾸고 싶다면 아래와 같이 link 태그를 이용할 수도 있습니다. icon의 사이즈는 iPhone의 경우 57X57 픽셀이며 iPad는 72X72 픽셀입니다. 로딩 이미지 넣기 홈 스크린에서 실행시에 페이지가 로딩될동안 어플리케이션 처럼 로딩 이미지를 보여줄 수 있습니다. 아래와 같은 link 태..
아이폰에서 웹상에 업로드된 MP4 동영상파일 스트리밍 재생하기 - video 태그 사용법 - - video 태그 사용 예시 -
모바일에서 사용하는 기본 메타태그 캐쉬 사용을 없애고 모바일 사이즈에 맞도록 랜더링 합니다. width : 넓이 – device-width | N px (200~10000 px, default 980 px) height : 높이 – device-height | N px (223~10000 px) initial-scale : 초기 확대/축소 배율 minimum-scale : 최소 축소 배율 – N (0~10, default 0.25) maximum-scale : 최대 확대 배율 – N (0~10, default 1.6) user-scalable : 확대/축소 가능 여부 – yes | no (default yes)
모바일 웹사이트 링크 방식 뒤로가기 device:back url송신 device:goto-URI 앞으로 device:reload 톱페이지 device:home 북마크열기 device:home/bookmark 북마크추가 device:home/bookmark?URI=http://URI/&title=타이틀
모바일 웹사이트에서 사용가능한 이미지 확장자 docomo - mova : gif (일부에서는 jpeg가능) - foma : gif/jpeg au - hdml : png/bmp (일부에서는 jpeg가능) - wap2.0 : png/gif/jpeg/bmp softbank - c : png/jpeg - p : png/jpeg/mmg - w,3gc : png/gif/jpeg/mmg 이렇듯 3사에서 사용하는 이미지 확장자가 다르나 95% 이상 지원하는 확장자는 jpeg이므로 모바일과 연동해서 쇼핑몰등은 jpg이미지를 사용해야 합니다.
모바일 사이트 제작시 고려할 10개 조항 1. 도코모, KDDI, 소프트뱅크등 최저 3 종류의 캐리어별로 페이지를 준비하지 않으면 안된다. 2. 쿠키는 기본적으로 사용 불가. 3. 테이블 태그를 사용할 수 없다. 4. 파라미터의 문자수가 제한되고 있다. 5. 메일 매거진을 일정량 이상 보내면, 캐리어의 블록을 받아 전달할 수 없게 된다. 6. 1 페이지에 표시할 수 있는 용량이 단말에 따라서 다르다. 7. 리디렉트는 연속 2회까지 한다. 8. uid, sid, pid3개는 파라미터명으로서 이용해서는 안된다. 9. SSL(HTTPS)의 페이지에서는 UID를 취득할 수 없다. 10. 캐리어에 의해서, 단말 식별 번호의 취득 방법이 다르다.
모바일 웹사이트에서 사용 가능한 태그 html head title body meta ***** blink marquee font blockquote p pre ***** dl dt dd ol ul li ***** div center ***** img br hr **** a ***** form input select option textarea
모바일 각 기기별 웹사이트 사이즈 갤럭시탭 : 1024 x 600 안드로이드폰, 아이폰, 아이팟 : 320 x 480 아이패드 : 1024 x 768 아이폰4는 960x640
모바일 웹사이트 제작시 필히 고려해야 사항 몇가지 모바일 웹사이트제작시 필히 고려해야할 사항들이 몇가지 있습니다. 대표적인예로 화면 사이즈겠지요. 아무튼 제가 제작하면서 겪은 사항들을 여기에 적어봅니다. 다는 아니더라도 몇몇 적습니다. 1. 스마트폰에서 브라우징 시켰을경우 양손터치를 통해 화면의 크기가 변경되지 않아야한다. - 일반 사이트들은 그 크기가 pc(모니터 크기) 에 맞춰 제작되었기때문에 상대적으로 작은 스마트폰디스플레이로는 감당하기 힘듭니다. 대부분 양손으로 페이지를 확대하여 사용하고 그럴때마다 늘어나는 스크롤바에 짜증에 대비하여야합니다. 이점은 meta태그로 간단히 해결됩니다. 위 태그로 거의 모든 스마트폰 공용으로 웹페이지의 넓이가 디스플레이 크기에 맞춰집니다. meta의 viewport는 각 디바이스에 출력할 화면 size, dpi, s..
내위치
Man Vs. Wild (인간 대 야생)에 빠지다 ㅎㅎ 베어 그릴스 형님...대단하심...ㅡㅡ^ 장르: 생존다큐 제작: Discovery채널 출연: 베어그릴스 편수: 2006부터 방영하여 시즌을 거듭함 에피소드목록: http://dsc.discovery.com/fansites/manvswild/episode/episode-tab-05.html http://dsc.discovery.com/tv/man-vs-wild/ 요새 이 다큐에 빠졌있음 ㅎㅎ 정말 저렇게 생존 할 수 있을까? 라는 의문도 들지만... 여튼 도움이 된다는 것에 한표...ㅎㅎ 베어그릴스에 대해 소개하자면 74년생의 영국인으로 본명은 (Edward Michael Grylls)이다. 베어라는 별명은 누나가 태어난 지 일주일 뒤에 지어줬다고 한다. 어렸을 때부터 아버지에게 항해와 등산을 배웠다. 영국의 명문 런던대에 들어갔고, 군대 안가도..
브리즈번(Brisbane)의 야경
보트
조각구름
굽이굽이
홀로
삼형제
USB 메모리에 대해서... USB(Universal Serial Bus)란 컴퓨터와 주변기기 사이에 데이터를 주고받을 때 사용하는 버스(bus: 데이터가 전송되는 통로) 규격 중 하나다. 1990년대 후반부터 대부분의 개인용 컴퓨터에 USB 장치를 꽂을 수 있게 됨에 따라 USB는 현재 다른 규격 버스에 비해 보급률이 매우 높다. 또한, USB는 컴퓨터 전원이 켜진 상태에서도 자유롭게 장치를 꽂고 뺄 수 있어 편의성이 높다는 장점도 있다. 아울러 플래시 메모리(flash memory)란 데이터를 저장, 보관할 수 있는 반도체의 일종이다. 일단 데이터를 저장하면 삭제나 수정이 불가능한 롬(ROM)이나 삭제, 수정은 가능하지만 전원이 차단되면 모든 데이터가 사라지는 램(RAM)과 달리, 자유롭게 데이터를 저장하거나 삭제할 수 있으면서..
스모킹 에이스 2 (2010) Smokin' Aces 2: Assassins' Ball 이해가 잘 안가 ㅡㅡ 스모킹 에이스 2 감독 : P.J. 페시 출연 : 토미 플래너건, 톰 베린저 더보기 더보기
워낭소리 (2008) Old Partner 초록 논에 물이 돌 듯 온기를 전하는 이야기. 팔순 농부와 마흔 살 소, 삶의 모든 것이 기적이었다. 평생 땅을 지키며 살아온 농부 최노인에겐 30년을 부려온 소 한 마리가 있다. 소의 수명은 보통 15년, 그런데 이 소의 나이는 무려 마흔 살. 살아 있다는 게 믿기지 않는 이 소는 최노인의 베스트 프렌드이며, 최고의 농기구이고, 유일한 자가용이다. 귀가 잘 안 들리는 최노인이지만 희미한 소의 워낭 소리도 귀신같이 듣고 한 쪽 다리가 불편하지만 소 먹일 .. 워낭소리 감독 : 이충렬 출연 : 최원균, 이삼순 초록 논에 물이 돌 듯 온기를 전하는 이야기. 팔순 농부와 마흔 살 소, 삶의 모든 것이 기적이었다. .. 더보기
스텝업3D (2010) Step Up 3-D 꿈과 사랑, 젊음… 그리고 열정 모든 것을 건 세계 최고의 댄스 배틀이 시작된다! Stage 1. 목표는 월드잼이다! 뉴욕 최고의 댄스 크루 ‘해적팀’의 리더 루크는 곧 다가올 세계 최고의 댄스배틀 ‘월드 잼’ 준비에 한창이다. 우연히 거리의 댄스 배틀을 구경하던 루크는 최대의 라이벌 ‘사무라이’ 팀을 단숨에 제압해버린 NYU 공대생 무스를 만나게 되고, 부모님의 반대에 망설이던 무스는 타고난 댄스 본능에 이끌려 루크의 팀에 합류하게 된다. St.. 스텝업3D 감독 : 존 추 출연 : 릭 말람브리, 샤니 빈슨 더보기 꿈과 사랑, 젊음… 그리고 열정 모든 것을 건 세계 최고의 댄스 배틀이 시작된다! Stage 1. 목표는.. 더보기
황해 2010 황해를 건너 온 남자, 모두가 그를 쫓는다! 연변에서 택시를 운전하며 구질구질한 일상을 살아가는 구남. 한국으로 돈 벌러 간 아내는 6개월째 소식이 없고, 돈을 불리기 위해 마작판에 드나들지만 항상 잃을 뿐이다. 그러던 어느 날, 살인청부업자 면가에게서 한국에 가서 누군가를 죽이고 오라는 제안을 받게 된 구남은 빚을 갚기 위해, 그리고 아내를 만나기 위해 황해를 건너는데… 매서운 바다를 건너 서울로 온 구남은 살인 기회를 노리는 동시에 아.. 황해 감독 : 나홍진 출연 : 하정우, 김윤석 더보기 황해를 건너 온 남자, 모두가 그를 쫓는다! 연변에서 택시를 운전하며 구질구질한 일상을 살아가는 구남. 한국으로 돈 .. 더보기
해리포터 죽음의 성물 Part1 Harry Potter and the Deathly Hallows: Part I 올 겨울, 목숨을 건 대결이 시작된다! 덤블도어 교장의 죽음 이후, 마법부는 죽음을 먹는 자들에게 점령당하고 호그와트는 위기에 빠진다. 이에 해리와 론, 헤르미온느는 볼드모트를 물리칠 수 있는 유일한 단서이자 그의 영혼이 담긴 ‘성물’ 호크룩스를 찾기 위한 위험한 여정에 나선다. 그러나 영혼이 연결되어 있는 볼드모트와 해리. 볼드모트를 파괴하면 해리의 목숨 또한 위태로워질지 모른다! 죽느냐 죽이느냐, 이제 그 마지막 대결은 극한을 향해.. 해리포터와 죽음의 성물 1 감독 : 데이빗 예이츠 출연 : 다니엘 래드클리프, 엠마 왓슨 더보기 올 겨울, 목숨을 건 대결이 시작된다! 덤블도어 교장의 죽음 이후, 마법부는 죽음을 먹는 자들에게 점령당하고 호그와트.. 더보기
퍼펙트 겟어웨이 A Perfect Getaway (2009) 퍼펙트 겟어웨이 A Perfect Getaway (2009) 환상의 섬 하와이로 신혼여행을 떠난 커플... 그 누구도 신뢰할 수 없는 위험한 모험이 시작된다!! 많은 사람들의 축복 속에서 성대한 결혼식을 치른 클리프(스티브 잔)와 시드니(밀라 요보비치) 커플은 로맨틱한 하와이에서 스릴 넘치는 모험을 할 특별한 신혼여행을 계획한다. 환상적인 하와이 해변에서 다이나믹한 신혼여행을 꿈꾼 클리프와 시드니는 도착하자마자 자신들이 원하던 파라다이스를 찾았다고 생각하지만, 곧이어 해변가에서 다른 신혼부부의 시체가 발견되고 불안해진 이들은 여행을 계속 이어갈지 갈등에 휩싸이게 된다. 누구 하나 믿을 수 없고 점점 미심쩍은 사람들로 불안한 기운만 맴도는 가운데, 최고의 파라다이스라 생각했던 환상의 섬은 생존을 위협하는 ..
정화
해피뉴이어
위로
아래로

티스토리툴바