블로그 스킨 해상도 테스트 사이트
- Smartworker
- 2017. 3. 24.
"블로그 스킨 해상도 테스트를 위한 사이트 소개 입니다."
블로그에 새로운 스킨 적용, 스킨 변경, 애드 센스 추가 및 변경이 포스팅 관련해서 정책 위반인지 아닌지 확인 하기 위하여 대부분 블로그 사이트 해상도 테스트가 필요할겁니다. 그러므로 블로그에 적용한 스킨 테스트는 다방면으로 중요합니다. 이 사이트를 알기 전까지는 정말 혼자 사이트를 조절해가며 보고 있었으나 이사이트를 알게 된 이후에 정말 편리하게 볼 수 있었습니다. 그래서 트로이랩( http://troy.labs.daum.net/ ) 을 소개하려합니다. 즐겨찾기나 크롬에 확장프로그램으로 추가해도 좋을 것 같습니다.
1. 사이트 구성
사이트 구성은 말로 표현해보면 30기종이 넘는 핸드폰에 대한 해상도를 전부 구성해놨습니다. 따라서 반응형 스킨에 대해 테스트 하기 좋게 구성했습니다. 추가적으로 PC 스크린에서도 테스트 할 수 있도록 구성되어 있습니다. 기본적으로 URL을 입력하세요 부분에 블로그나 원하는 사이트를 입력하면 됩니다. 현재 PC Screen은 FHD까지 구성되어 있어서 테스트 하는데에는 무리가 없을 것 같습니다. 한가지 아쉬운 점이 있다면 요즘 4K 해상도 모니터보다 높은 5K 모니터 까지 나왔기 때문에 이에 따른 블로그 스킨을 적용하여 테스트 하기에는 무리가 있는 것 같습니다. (트로이랩)
2. 제공 되는 기종
전세계를 무대로 판매하는 11개 기업에 대해서 최신 기종은 없지만 한때 유명하였던 기종들은 대부분 들어가 있는 것 같습니다. 기업과 핸드폰 기종을 아래 표로 정리해봤습니다. 핸드폰 기종은 30여종이나 됩니다. 원하는 기종을 선택한 이후에 블로그에 URL 주소를 입력하면 됩니다.
| 삼성 | 애플 | LG | 구글 | 펜텍 |
1 | Galaxy Note4 | iPhone 6 | G3 | Nexus 5 | Vega 6 |
2 | Galaxy S5, Note3 | iPhone 6 Plus | G2 | Nexus 4 | Vega r3 |
3 | Galaxy S3, Note2 | iPhone 5 | Optimus G Pro | Galaxy Nexus |
|
4 | Galaxy Note1 | iPhone 4 | Optimus G | Nexus S |
|
5 | Galaxy S2, S1 | iPhone 3GS | Optimus View | Nexus 10 |
|
6 | Galaxy Tab S | iPad Retina | G Pad 8.3 | Nexus 7 (2013) |
|
| HTC | Sony | 샤오미 | 화웨이 | 레노버 | ZTE |
1 | one | Xperia Z | Mi 3 | Ascend Mate2 | K900 | Grand s |
2 | one mini |
| Mi 2 | Ascend G6 | A390 | Grand x |
3 | Evo |
|
|
|
|
|
3. 그 이외에 편리성
● 크롬에서 확장프로그램 제공
트로이의 경우에는 크롬에서 확장프로그램을 제공하기 때문에 쉽게 사용할 수 있습니다.
● 멀티 스크린 제공
여기멀티스크린 모드를 활성화 한 이후에 비교하고 싶은 핸드폰이나 테블릿을 선택하면 아래 그림과 같이 선택한 만큼 선택 된 핸드폰의 해상도에 맞게 블로그 스킨이 적용되어서 나타납니다.
'Smartworker' 카테고리의 다른 글
저장장치 확인하는 방법 (0) | 2018.07.12 |
---|---|
클레버 타키온 충전기 개봉기와 후기 (0) | 2018.07.08 |
공부스텐드 3M led air x 개봉기 (2) | 2017.03.26 |
티스토리 이전 글 링크 삽입 하기 (2) | 2017.03.12 |
전동 연필깎이 (4) | 2017.03.09 |