Hare for egloos - 이글루스 반응형 스킨 by Estoque

본 블로그에 적용되어 있는 스킨이 바로 이 스킨이며 아주 미려한 디자인과 색상 배치가 적용되어 있습니다. 스킨의 주요 특징으로는 레스터 이미지가 일체 사용되지 않았으며 각종 아이콘은 SVG로 스타일시트를 통해 injection되게 해놓았습니다. 그래서 따로 번거롭게 이미지 파일을 넣는다던가 하는 삽질을 할 필요 없이 원터치로 인스톨이 가능합니다. 특히나 이글루스는 구조 상 외부 파일 업로드가 전혀 불가능하기 때문에 어쩌면 당연한 조치입니다. 

원본 베이스인 Hare for Tistory가 반응형 스킨입니다. 그러므로 이글루스 컨버전도 당연히 반응형 일거라고 생각하시면 경기도 오산입니다. 이글루스는 헤더부분을 수정 못하는 아주 지랄 같은 정책을 가지고 있기 때문에 viewport 설정이 안되어서 모바일 브라우저가 이 스킨이 똥인지 된장인지 구분을 못해서 걍 PC뷰로 뜹니다. 그래서 스팩상은 반응형을 지원하지만, 엄연히 말해서 이글루스에서는 안됩니다. 

그러나 IE11이나 오페라 최신버전에서만 작동되는 W3C권고사항인 @viewport 속성을 지원 하므로 해당 모바일 브라우저나 특정 브라우저의 나이틀리 버전(ex. 크롬 까나리 액젓)을 사용하시는 분들은 어쩌면 반응형 사용이 가능할 겁니다. (그러면 뭐해 이글루스는 모바일로 접속시 자체 모바일 페이지로 강제 접속 되는걸)

걍 창크기 줄이면 element가 알아서 줄어드는 것을 보면서 ‘아 요즘 브라우저는 이딴 것도 되는구나’ 라고 신기술에 감탄 한번 하시고 마시면 됩니다. (구글 애드센스 스코어 카드의 최적화 점수도 반응형 스킨 적용시 폭풍 상승하지만 모바일에는 전혀 애드센스 노출이 안되는 노답 이글루스는 그저 울지요)

티스토리 버전과 완전 동일 스펙이기 때문에 웹 폰트도 완전 동일하게 적용됩니다. 와이드 위젯과 사이드바 위젯을 모두 적용합니다. 

IE9 이하의 구형 브라우저에서는 구동을 전혀 고려하지 않고 만들었으니 유의하시기 바랍니다. 

특이사항

- 구성파일이 딸랑 두개 밖에 없어서 설치가 초 간편 합니다. 
- 이쁜 웹 폰트가 들어가서 시신경이 썩는 굴림체를 더 이상 안 봐도 됩니다. (건강을 위해서 스킨을 바꾸세요)
- 기본 메뉴 릿을 지원합니다. 
- 이글루스 기본 요소가 하나도 빠짐없이 스타일링 되어있습니다. 
- 검색 페이지/ 태그 전체 보기/ 메뉴릿 등 일단 CSS로 접근이 가능한 부분은 모두다 스타일링 되어있습니다.
- SVG 적용으로 초 고해상도 액정(300ppi이상)에서도 아이콘이 깔끔하게 보입니다.


브라우저 화면크기를 줄이면 반응형 스킨이 어떻게 작동하는지 확인해보실수 있습니다.


15.1.5 추가사항 
*이글루스 스킨 벨리에 공개로 업로드 되었습니다. -> 바로가기
*스킨 벨리에서 설치시 정상적인 적용 상태는 보장하지 않습니다. 




최근 포토로그