일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- css3
- JavaScript
- font-size
- white-space:pre
- CSS
- 스크립트
- box-shadow
- onmouseup
- Ajax
- 개발자도구함
- jQuery
- 웹표준
- Gallery
- 웹표준 약도
- 키보드방지
- word-break
- 소스보기방지
- break-all
- mobile view
- 모바일테스트
- meta
- keep-all
- html5
- onlosecapture
- Filter
- IE8
- Mobile
- font
- view test
- HTML
- Today
- Total
감성 퍼블리셔 html,css
[Mobile] 모바일 화면 미리보기 Daum Troy plug-in 본문
[Mobile] 모바일 화면 미리보기 Daum Troy plug-in
안녕하세요. 오랜만에 글 남깁니다.
요새 에이전시에서 퍼블리싱을 하다가 친한형님과 창업을 하게 되어 정신없이 지내고 있네요^^
덕분에 퍼블리싱은 많이는 못하지만 간간히 모바일, 웹사이트 유지보수 개념으로 만지고 있네요..
관련해서 제가 한창 퍼블리싱 할적에 도움이 많이 되었던 사이트 하나를 소개하려고 합니다.
이구요. 다음에서 제공하는 모바일별 화면 미리보기 플러그인입니다.
익스플로어 보단,
크롬, 사파리 등으로 확인해보심을 권장합니다.^^
모바일 퍼블리싱을 하고 모바일 종류별로 체크를 하고 싶은데 환경적으로 어려움이 있을때
이 사이트를 이용하여 간략하게 체크할 수 있습니다.
물론 직접 모바일로 보는거와는 100% 일치하지는 않지만,
어느정도의 싱크를 자랑하여 모바일 기종이 한정적일때 여러모로 효과적입니다.
위에 보여지는 왼쪽메뉴를 보시면
각 모바일별 모델이(삼성,LG,애플,구글 등 많은 기기) 있어 클릭 후 해당 기종 선택
테스트하고자 하는 url를 입력하여 보실 수 있습니다.
위의 이미지 보이시죠? 맨 위에 모바일을 가로로 기울였을때의 화면도 연출하여
@media 태그 및 반응형 코딩을 했을때 다양하게 체크할 수 있습니다. 신기방기
기본적인 퍼블리싱은 본인의 모바일로 테스트 후
타기종 모델이 한정적일때는 본 사이트를 참고하여 체크해보시는 것도 좋습니다.
저 역시도 한창에 많은 도움을 받았습니다^^
그럼 간간히 글 쓰도록 하겠습니다.
감사합니다.
'기타' 카테고리의 다른 글
디자인 관련 사이트 (0) | 2015.08.06 |
---|---|
네이버 API 지도 활용 (0) | 2015.04.14 |
본고딕(Source Han Sans) 소개: 오픈 소스 한중일 통합 서체 (0) | 2014.08.07 |
일러스트 단축키 (0) | 2014.07.04 |