본문 바로가기

Works/Tistory Skin

Dynamite - Parallax Tistory Skin 티스토리로 옮겨온지도 거진 1년이 다 되어 가고 있습니다. 늘 사용하면서 느끼는 것인데, 베포용 스킨이나, 아니면 개인이 제작한 스킨을 보면 정말 독특한 몇몇 블로그를 제외하고는 그저 그런 2단,또는 3단형 레이아웃의 스킨이 대부분이며 흔히 볼수 있는 그런 지루하고 따분한 디자인 일색이었습니다. 혹자들은 티스토리의 구조가 가지는 한계성 때문에 요즘 유행하는 웹디자인 요소를 적용한 스킨이 나올수 없다고들 합니다. 그러나 제 생각은 다릅니다. 기본적으로 오로지 기능을 위한 티스토리 스킨만이 존재할 뿐이지 디자인에 중점을 두고 만들어진 티스토리 스킨은 그렇게 많지 않습니다. 물론 블로그는 컨텐츠가 주 목적이기 때문에 간단 명료 해도 된다고 하지만, 적어도 간단하고 심플한 범위내에서 남들보다 튀어볼만한 요소를 .. 더보기
Hare for egloos -가장 빠르고 가볍고 '이쁜' 이글루스 반응형 스킨 본 스킨은 동명의 티스토리 스킨인 Hare for Tistory를 컨버전 하여 이글루스 용으로 변경해 놓은 것 입니다. 티스토리 용은 HTML5와 CSS3 기반으로 되어있으나 이글루스용 스킨은 이글루스의 저질스런 구조에 맞추어 XHTML Transitional 기반으로 변경되었으며, 시멘틱 구조를 지원하지 않기 때문에 SEO 따위는 꿈도 꾸지 않는게 좋습니다. 제 이글루스 블로그에 적용되어 있는 스킨이 바로 이 스킨이며 아주 미려한 디자인과 색상 배치가 적용되어 있습니다. 스킨의 주요 특징으로는 레스터 이미지가 일체 사용되지 않았으며 각종 아이콘은 SVG로 스타일시트를 통해 injection되게 해놓았습니다. 그래서 따로 번거롭게 이미지 파일을 넣는다던가 하는 삽질을 할 필요 없이 원터치로 인스톨이 가능.. 더보기
Suit & Tie - Addon Stylesheet for Fastboot v1.5.1 Readiz님의 Fastboot 1.5.1 업뎃 소식을 30일날 접하고 잉여력 폭발해서 3시간 만에 만든 애드온 스타일 시트 입니다. HTML은 단 한 줄도 건드리지 않았으며 CSS 파일만 달랑 만들었습니다. 웹 폰트는 쓰지 않았으며, 매킨토시에서는 Helvetica Neue와 애플 산돌 고딕 네오, 윈도우 에서는 Arial과 맑은 고딕이 기본 적용 되며 맑은 고딕이 없을 경우에는 나눔고딕이 적용 됩니다. (마음 같아선 Proxima nova나 Gotham 쓰고 싶지만...) 사실 31일날 올리려 했으나, 그 날은 도무지 이런 글 올릴만한 기분이 아니어서 걍 예약 발행 해 놓았습니다. 살짝 걱정이 되는 것은 워낙 업데이트가 빠르셔서 제가 만든 스타일 시트가 이 글이 발행 될때 쯤에는 구버전에나 적합 할 .. 더보기
Hare for Tistory - 가장 빠르고 가벼운 티스토리 반응형 스킨 HTML5와 CSS3 기반으로 만들어진 초경량 스킨입니다. 스킨의 총 용량은 0.27mb로 여태까지 나온 반응형 스킨 중에서는 가장 가볍습니다. 블로그 로딩시간에 신경을 아주 많이 쓰시는 부분이라면 권장해드리는 스킨입니다. 자바스크립트나 제이쿼리등의 스크립트는 일체 적용하지 않아 불 필요한 요청시간을 줄였습니다. 극단적인 경량화를 통해서 정말 빠른 로딩시간을 지원합니다. HTML5 semantic ready semantic 구조로 구성이 되어있어 SEO가 기본지원 됩니다. 미려한 스타일 색 배치를 최대한 절제해서 사용하고, 그리드 레이아웃을 통해서 반응형 스킨을 구성했습니다. 견본 페이지 웹폰트 기본 적용 영문과 한글 웹폰트가 적용 되어있습니다. 기본 한글 웹폰트는 나눔 고딕이며 가독성이 좋습니다. 별도.. 더보기
TechAesthetic - 반응형 티스토리 스킨 13년 08.07~ 11/12까지 사용하였던 티스토리 스킨을 다른 티스토리 블로그에도 적용이 가능하게 바꿔서 공개합니다. 초기버전을 올릴까... 라는 생각도 해보았지만 코드도 지저분하고, 반응형도 아니라서 가장 마지막 버전이었던 2.8을 개정해 3으로 업그레이드 하였습니다. 작년 7월 하반기에 작업에 들어가서 약 일주일만에 만들어낸 스킨입니다. 물론 그 이후로 오랜시간동안 수 많은 개선작업을 거쳐와서 현재의 완성도를 가지게 되었습니다. 초창기에는 배경색도 존재하고 그림자도 여러군대 쓰인 모습이었지만 버전업을 거치면서 점점 플랫한 스타일로 바꾸어 나갔습니다. -> 스킨업데이트 내역 기본 바탕이 된 프레임웍은 부트스트랩 2.3.2이며 부트스트랩 2.x버전을 사용했기 때문에 IE7이상의 브라우저에 모두 호환이.. 더보기
Meltdown - 반응형 이글루스 스킨 이글루스에는 스킨 깎는 장인분들이 안 계시기 때문에 제가 만든 스킨이 유일한 반응형 스킨입니다. -ㅅ- ㅋㅋ 남들이 안 가는 길을 가보니 왠지 신대륙 개척한 기분이네요 ㅋㅋ 그렇지만 티스토리보다 난이도가 허접해서 뭔가 대단한걸 이룬듯한 기분은 전혀 들지 않습니다. -_-; 스킨의 기본적인 소개를 하자면, YUI에서 제작한 Pure 프레임웍을 적용하였으며, 매우 가볍고 빠른 스킨입니다. 오른쪽 사이드바는 높이는 100%로 항상 고정되어 있으며, 가로폭 786px의 브레이크 포인트에서 모바일/테블릿형 레이아웃으로 전환 하게 됩니다. 사진에서 보시듯이 모바일 뷰에서는 상단 메뉴가 별도로 뜨게 됩니다. 상단메뉴는 굳이 수정할필요 없이 이글루스에서 기본 제공하는 메뉴릿으로 메뉴 추가가 가능합니다. (배포용 스킨에.. 더보기

티스토리툴바