본문 바로가기

티에디션

EP1 - The New Standard for Tistory Skin 아래 링크를 클릭하면 선택된 항목으로 바로 이동합니다. 소개 관리 페이지 지원 기능 일람 지원 플러그인 목록 에디터 별 지원기능 안내 설치 방법 티에디션 세부 설정 방법 테터데스크 세부 설정 방법 스킨위자드 세부 설정 방법 다운로드 세 줄 요약 소개 꾸준히 티스토리 스킨 개발을 해온 것은 아니지만 그래도 가끔씩 개발을 하면서 느꼈던 점은, 타 블로그 서비스에 비해서 티스토리가 지원하는 기능이 정말 많다는 것 입니다. 물론 기능이 많다는 것은 좋은 점이지만 반대로 스킨을 만드는 개발자 입장에서는 신경써야 할 것이 늘어나는 것이기도 합니다. 그래서 현재 티스토리에서 다운로드 받을 수 있는 유저 제작 스킨이나, 심지어 티스토리에서 직접 제작한 스킨까지도 이전에 제공하던 기능을 더 이상 제공하지 않는 경우가 많.. 더보기
티스토리 배포용 스킨 티저 - EP1 티스토리에서 지원하는 모든 기능과 호환되는 나름 최초?의 스킨 - 툴바 지원- 플러그인 지원- 티에디션 지원- 테터데스크 지원- CSS Grid 베이스- 골-든시불장™ 레이아웃 엔진 더보기
새로운 시도 - XP1 1.0.0a 테스트 블로그에서는 엄청난 버전업을 하였지만 주사용 블로그에 처음으로 적용하는 것을 버전 1로 사용했다. 1.0.0 알파 버전이며, 최대한 버그를 많이 잡는다고 잡았는데도 여전히 버그가 산더미 처럼 나오고 있다. (...) 원래 4월에 작성한 글인데 적다보니 끝도 없이 글을 쓰게 되어서 발행을 치일피일 미루다 이제서야 올린다. XP1 이라는 이름의 기원사실 프로토타입이라는 단어를 굉장히 자주 썼다. 3번째 만든 자작스킨의 이름도 프로토타입이다. 실험정신이 투철하다 보니 이것저것 이상한 것 집어넣고 정당하기 위함 일까? 본 스킨에 쓰인 XP라는 이름의 근원은 윈도XP가 아니다. 윈도XP는 eXPerience의 준말이다. EXP라고 하면 경험치같아 보일까봐 XP라고 지은게 아닐까. 윈도우 경험치 에디션. X.. 더보기
스킨 V.2 업데이트 후기 + 디자인 사설 디자인과 속도. 웹 페이지를 만들 때 항상 충돌하게 되는 요소 입니다. 디자인에 신경을 쓰다 보면 웹 페이지 속도가 서서히 감소하는 것이 눈에 보일 것이고, 속도에 신경을 쓰다보면 정말 흰화면에 글자와 사진만 몇 개 떠다니는 수준이 되어버릴 수도 있습니다. 보통 스킨을 제작하게 되면 항상 고민하는 것이 바로 속도와 디자인 입니다. 늘 좀 더 새롭고 좋은 모습을 추구하면서도, 바라는 대로 무턱대고 만들어버리면 속도에 치명적인 영향을 미쳐버리고 맙니다. 그래서 스킨을 처음 만들 때 부터 지금까지도, 좋은 디자인을 가지면서 속도가 빠를 수는 없을까 라는 생각을 늘 상 하곤 했습니다. 이런 고민을 항상 하면서 스킨을 제작하다 보니 이전에는 단순한 구조임에도 속도가 한심할 정도로 느렸지만 지금은 숙련도가 쌓였는지.. 더보기
블로그 메인에 Masonry 레이아웃을 도입했습니다. 블로그 메인화면 속도향상을 위해서 작은 이미지로 대체하는 대신에 한번에 더 많은 글을 불러오게 만들었습니다. 티에디션에 스타일 설정하는 방법이 워낙 까다로워서 애를 먹긴 했지만 그런데로 볼만한것 같네요. 레이아웃 기반은 Masonry(http://masonry.desandro.com/)이며, 제이쿼리를 쓰지 않고 순수 css와 data-attribute만으로 구현 했습니다. 이미지를 원본이 아니라 압축되고 작은 이미지를 불러오니 메인 로딩속도는 오히려 줄었습니다. ㅎㅎ 더보기
[잉여] 티에디션 버튼 바꾸기 티스토리 블로그에서 티에디션 플러그인을 사용하개 되면 우측 상단에 티에디션이라는 버튼이 뜹니다. 이 버튼은 오직 관리자 한테만 보이는 버튼으로써 이 버튼을 눌리면 티에디션 설정으로 들어갈수 있습니다. 하지만 이게 그리 디자인이 이쁜게 아니라서 볼때마다 눈에 거슬렸습니다. 일반인 눈에 보이지 않아 아무 상관없긴 하지만요 그래서 잉여력이 폭발해서 이것을 바꾸어 보기로 했습니다. 일단 버튼에 쓸 이미지를 준비합니다. (포토샵으로 제작 약 10분소요) 파일을 업로드 합니다. (gif로 하려다가 마지막에 png로 바꿨습니다.) 콘솔에서 보면 티에디션 버튼의 ID파악이 가능합니다. 마크업 합니다. !important 태그를 잊지 마세요. 완료. 아... 잉여력이 폭발합니다!!! 요시 그란도 시즌!한가지 좋은것은 버.. 더보기