본문 바로가기

티스토리 스킨

EP1 - The New Standard for Tistory Skin 아래 링크를 클릭하면 선택된 항목으로 바로 이동합니다. 소개 관리 페이지 지원 기능 일람 지원 플러그인 목록 에디터 별 지원기능 안내 설치 방법 티에디션 세부 설정 방법 테터데스크 세부 설정 방법 스킨위자드 세부 설정 방법 다운로드 세 줄 요약 소개 꾸준히 티스토리 스킨 개발을 해온 것은 아니지만 그래도 가끔씩 개발을 하면서 느꼈던 점은, 타 블로그 서비스에 비해서 티스토리가 지원하는 기능이 정말 많다는 것 입니다. 물론 기능이 많다는 것은 좋은 점이지만 반대로 스킨을 만드는 개발자 입장에서는 신경써야 할 것이 늘어나는 것이기도 합니다. 그래서 현재 티스토리에서 다운로드 받을 수 있는 유저 제작 스킨이나, 심지어 티스토리에서 직접 제작한 스킨까지도 이전에 제공하던 기능을 더 이상 제공하지 않는 경우가 많.. 더보기
Mirage, Strada, Dynamite 스킨 마이너 업데이트 Mirage, Strada, Dynamite 이 세가지 스킨들은 2014년에 제작했던 것으로 당시에 크롬은 웹폰트를 제대로 안티 엘리어싱 하지 못하는 치명적인 버그가 있었고 이를 브라우저 hack으로 처리 해야 했다. 하지만 세월이 2년이나 지난 지금은 이러한 브라우저 핵이 필요가 없어졌고, 이러한 브라우저 핵을 제거해야 할 필요성을 느끼게 되었다. 그래서 이전 SCSS 파일을 찾아 크롬핵을 지우고 새로 컴파일 시켰다. *Strada의 경우 소소한 버그 픽스및 외형 변화도 포함. - 이전에 풀스크린 오버레이를 지원하지 않았으나 코드 수정을 통해 현재 지원 함. Hare, Paper 스킨도 업데이트 하고자 하였으나 원본 Scss 파일이 사라지는 바람에 업데이트 포기.+ 공식지원종료 Dynamite - Pa.. 더보기
Material Design Lite Tistory - 1.0.0 beta ※본 스킨은 베타 버전이므로 예상치 못한 버그가 있을 수 있음. 버그 발견시 아래 댓글난에 제보바람 3년만에 만드는 티스토리 배포용 스킨이다. 현재 쓰고 있는 스킨을 만들기 위해 인터넷 여러 곳을 떠돌아 다니며 많은 것들을 보았다. 그러다 발견한 것이 바로 MDL 이다. MDL은 구글 디자인 팀에서 만든 머티리얼 디자인 웹 개발 키트이다. 기존의 머티리얼 디자인이 안드로이드와 그 외의 구글 제품들에 적용이 되었는데 여기서 한단계 나아가 웹에서도 머티리얼 요소를 쓰게 해준다. 머티리얼 테마인 리플 버튼이나 갖가지 애니메이션이 모두 지원이 된다. 이 테마는 기존에 있던 스킨을 티스토리용으로 변환 한것이다. MDL 홈페이지에 가면 원본 스킨을 볼 수 있다. MDLT 스킨은 티스토리에서 기본으로 지원하는 기능을.. 더보기
새로운 시도 - XP1 1.0.0a 테스트 블로그에서는 엄청난 버전업을 하였지만 주사용 블로그에 처음으로 적용하는 것을 버전 1로 사용했다. 1.0.0 알파 버전이며, 최대한 버그를 많이 잡는다고 잡았는데도 여전히 버그가 산더미 처럼 나오고 있다. (...) 원래 4월에 작성한 글인데 적다보니 끝도 없이 글을 쓰게 되어서 발행을 치일피일 미루다 이제서야 올린다. XP1 이라는 이름의 기원사실 프로토타입이라는 단어를 굉장히 자주 썼다. 3번째 만든 자작스킨의 이름도 프로토타입이다. 실험정신이 투철하다 보니 이것저것 이상한 것 집어넣고 정당하기 위함 일까? 본 스킨에 쓰인 XP라는 이름의 근원은 윈도XP가 아니다. 윈도XP는 eXPerience의 준말이다. EXP라고 하면 경험치같아 보일까봐 XP라고 지은게 아닐까. 윈도우 경험치 에디션. X.. 더보기
Life is Journey v 3.0 대세는 모바일 이다. 백년 전부터 모바일이 대세라는 소리를 귀가 따갑게 들었지만 이제는 정말 모바일 대세다. 어느새 모바일 기기는 64비트 아키텍쳐를 품고 PC와 대등한 존재가 되어버렸다. 그리고 통신망의 발달로 인해서 더 빠른 시간에 웹 페이지를 로드 할 수 있게 되었고, 날이 갈수록 새로 등장하는 기술들 덕분에 웹은 더 다채롭고 빨라지고 있다. 지금 처럼 웹이 격변하는 시기는 웹의 도래 초기 이후로 전무후무하다. 이에 따라 한시도 쉬지 않고 업데이트를 하지 않으면 시대에 뒤쳐질 수 밖에 없는 처지에 놓인 것이 스킨제작자의 삶이 아닐까한다. 이번 업데이트에서는 여러가지 알려진 오류를 수정하였고, 신형 기기지원, 구형기기 지원의 향상 그리고 빠질 수 없는 요소인 속도에 중점을 둔 최적화를 하였다. 그 뿐.. 더보기
Dynamite - Parallax Tistory Skin 티스토리로 옮겨온지도 거진 1년이 다 되어 가고 있습니다. 늘 사용하면서 느끼는 것인데, 베포용 스킨이나, 아니면 개인이 제작한 스킨을 보면 정말 독특한 몇몇 블로그를 제외하고는 그저 그런 2단,또는 3단형 레이아웃의 스킨이 대부분이며 흔히 볼수 있는 그런 지루하고 따분한 디자인 일색이었습니다. 혹자들은 티스토리의 구조가 가지는 한계성 때문에 요즘 유행하는 웹디자인 요소를 적용한 스킨이 나올수 없다고들 합니다. 그러나 제 생각은 다릅니다. 기본적으로 오로지 기능을 위한 티스토리 스킨만이 존재할 뿐이지 디자인에 중점을 두고 만들어진 티스토리 스킨은 그렇게 많지 않습니다. 물론 블로그는 컨텐츠가 주 목적이기 때문에 간단 명료 해도 된다고 하지만, 적어도 간단하고 심플한 범위내에서 남들보다 튀어볼만한 요소를 .. 더보기
Hare for Tistory - 가장 빠르고 가벼운 티스토리 반응형 스킨 HTML5와 CSS3 기반으로 만들어진 초경량 스킨입니다. 스킨의 총 용량은 0.27mb로 여태까지 나온 반응형 스킨 중에서는 가장 가볍습니다. 블로그 로딩시간에 신경을 아주 많이 쓰시는 부분이라면 권장해드리는 스킨입니다. 자바스크립트나 제이쿼리등의 스크립트는 일체 적용하지 않아 불 필요한 요청시간을 줄였습니다. 극단적인 경량화를 통해서 정말 빠른 로딩시간을 지원합니다. HTML5 semantic ready semantic 구조로 구성이 되어있어 SEO가 기본지원 됩니다. 미려한 스타일 색 배치를 최대한 절제해서 사용하고, 그리드 레이아웃을 통해서 반응형 스킨을 구성했습니다. 견본 페이지 웹폰트 기본 적용 영문과 한글 웹폰트가 적용 되어있습니다. 기본 한글 웹폰트는 나눔 고딕이며 가독성이 좋습니다. 별도.. 더보기
Life is a Journey 스킨 제작 후기 + 디자인 사설 요즘 대세는 플랫 제가 만든 1번째 스킨인 Congnocenti가 플랫도 아니고 그런지도 아니고 어정쩡했었고, 2번째 스킨인 TA는 부트스트랩2 기반으로 세미 플랫한 스타일을 가졌었습니다. 3번째 스킨인 프로토타입은 파운데이션 기반으로 스큐어모픽 틱한 디자인을 구현했었죠. 다중 레이어와 그림자 사용으로 거의 3D 가까운 모습을 보여줬었습니다. 11월에 만든 스킨인데 계속 쓰려고 했지만 막상 안 쓰는 기능을 좀 빼고 코드를 정리하려고하니 너무 마크업이 개판이라서 그냥 새로 만드는 방향으로 가게 되었습니다. 스킨을 새로 만들면서 계획했던것은 요즘 유행하는 완전 ‘플랫 스타일을 구현하자’ 였습니다. 그래서 주요 디자인 키워드는 flat&simple 이었습니다. 하지만 중간 중간에 그림자 요소를 넣어서 너무 지.. 더보기
TechAesthetic - 반응형 티스토리 스킨 13년 08.07~ 11/12까지 사용하였던 티스토리 스킨을 다른 티스토리 블로그에도 적용이 가능하게 바꿔서 공개합니다. 초기버전을 올릴까... 라는 생각도 해보았지만 코드도 지저분하고, 반응형도 아니라서 가장 마지막 버전이었던 2.8을 개정해 3으로 업그레이드 하였습니다. 작년 7월 하반기에 작업에 들어가서 약 일주일만에 만들어낸 스킨입니다. 물론 그 이후로 오랜시간동안 수 많은 개선작업을 거쳐와서 현재의 완성도를 가지게 되었습니다. 초창기에는 배경색도 존재하고 그림자도 여러군대 쓰인 모습이었지만 버전업을 거치면서 점점 플랫한 스타일로 바꾸어 나갔습니다. -> 스킨업데이트 내역 기본 바탕이 된 프레임웍은 부트스트랩 2.3.2이며 부트스트랩 2.x버전을 사용했기 때문에 IE7이상의 브라우저에 모두 호환이.. 더보기
스킨 마이너 업데이트 V 2.8 요소간의 간격을 줄여서 스크롤바의 길이를 축소하고 한화면에서 되도록이면 많은 내용이 보일수 있도록 수정했습니다. 평균적으로 모든 요소의 margin을 10이상 덜어 냈습니다. 세부적으로 변경사항을 살펴보자면...카테고리 다른글의 테두리를 없애고, 다음뷰와 믹시 위젯의 길이차를 보완하고 카테고리 다른글과 더 자연스럽게 보일수 있도록 했습니다. 아래 다음뷰 최신글과 인기글 위젯의 색상을 변경, 눈에 잘띄게 바꾸었습니다. 작자 소개 부분도 크기를 줄이고 쓸데없는 플립 애니메이션 삭제, 크기 감소 타이포 수정을 가했습니다. 아래에 있던 소셜도구와 작자 소개를 통합시켰습니다. 태그 부분도 대폭수정했습니다. 1줄을 넘어가지 않으면 옆으로 밀려나가는 현상을 없앴습니다. 거대한 말풍선형태의 공유버튼을 알약형태로 변경했.. 더보기