본문 바로가기

티스토리

티스토리 역사상 최악의 막장 스킨 인터넷 익스플로러 5,6,7에서 제 블로그에 접속할시 보이는 화면입니다. 20년전 인터넷이 처음 등장 했던 그 시절을 회상하며 당시 유행했던 스타일로 꾸며보았습니다. IE5버전에 최적화 되어 있으며 현재는 비표준인 CSS1 태그를 남발하였습니다. IE 구버전용 전용스킨으로 웹표준도 지키고, 브라우저 하위호환도 챙기고 일석이조 입니다. 하하 참고로 Meyerweb 리셋 스타일 기반입니다. 제 생각에도 저는 정말 악랄하고 잔인한 사람같아요 더보기
Life is a Journey 스킨 제작 후기 + 디자인 사설 요즘 대세는 플랫 제가 만든 1번째 스킨인 Congnocenti가 플랫도 아니고 그런지도 아니고 어정쩡했었고, 2번째 스킨인 TA는 부트스트랩2 기반으로 세미 플랫한 스타일을 가졌었습니다. 3번째 스킨인 프로토타입은 파운데이션 기반으로 스큐어모픽 틱한 디자인을 구현했었죠. 다중 레이어와 그림자 사용으로 거의 3D 가까운 모습을 보여줬었습니다. 11월에 만든 스킨인데 계속 쓰려고 했지만 막상 안 쓰는 기능을 좀 빼고 코드를 정리하려고하니 너무 마크업이 개판이라서 그냥 새로 만드는 방향으로 가게 되었습니다. 스킨을 새로 만들면서 계획했던것은 요즘 유행하는 완전 ‘플랫 스타일을 구현하자’ 였습니다. 그래서 주요 디자인 키워드는 flat&simple 이었습니다. 하지만 중간 중간에 그림자 요소를 넣어서 너무 지.. 더보기
티스토리 스킨으로 미쳤다는 소리를 들어보고 싶었습니다. 그래서 한번 만들어 봤습니다. 티스토리 스킨으로 어디까지 갈수 있을까? 라는 고민의 해답일지도 모르겠습니다. 페이지별 스킨적용을 한단계 끌어 올렸습니다. 이전의 방식인 배경이나 색상을 바꾸던 차원을 넘어서 레이아웃 자체를 갈아 엎어 버립니다. (적용 되는 부분은 메인화면, 게시글, 검색결과, 방명록입니다.) 이번 스킨은 정말 많은 양의 css코딩이 들어가고 엄청난 양의 자바스크립트가 들어갔는데 비해서 HTML은 평소의 반의 반도 안 됩니다. 제 마크업 실력이 늘어서도 있지만 최대한 필요없는 요소를 제거 했기 때문입니다. 자바스크립트 같은 경우 저는 평소에 자바를 그렇게 많이 쓰지 않는 편인데 이번스킨은 거의 몇톤의 스크립트가 쓰였습니다. ㅋㅋ 현재는 최적화 중이라서 그렇게 빠르지 않지만 완료되면 빠른 속.. 더보기
내 결국 이리 될줄 알았지... 스킨 리뉴얼 하려고 계획을 잡았다가 기존스킨의 구조가 너무 더러워서 그냥 싹갈아 엎으려 합니다. 워낙 무식하게 코딩을 하다보니... 발전이 없네요 -ㅅ- 더보기
TechAesthetic - 반응형 티스토리 스킨 13년 08.07~ 11/12까지 사용하였던 티스토리 스킨을 다른 티스토리 블로그에도 적용이 가능하게 바꿔서 공개합니다. 초기버전을 올릴까... 라는 생각도 해보았지만 코드도 지저분하고, 반응형도 아니라서 가장 마지막 버전이었던 2.8을 개정해 3으로 업그레이드 하였습니다. 작년 7월 하반기에 작업에 들어가서 약 일주일만에 만들어낸 스킨입니다. 물론 그 이후로 오랜시간동안 수 많은 개선작업을 거쳐와서 현재의 완성도를 가지게 되었습니다. 초창기에는 배경색도 존재하고 그림자도 여러군대 쓰인 모습이었지만 버전업을 거치면서 점점 플랫한 스타일로 바꾸어 나갔습니다. -> 스킨업데이트 내역 기본 바탕이 된 프레임웍은 부트스트랩 2.3.2이며 부트스트랩 2.x버전을 사용했기 때문에 IE7이상의 브라우저에 모두 호환이.. 더보기
배포용 티스토리 스킨 제작중입니다. 이전에 쓰던 스킨을 모든 블로그에서 적용가능한 스킨으로 리마스터 중입니다. 스킨위자드가 작동되게 만드려고 삽질중이지만 관련 CSS속성을 다 넣어도 스킨위자드 버튼이 안뜨네요 -ㅅ- 뭐가 문제인지 고민중입니다. -_ㅜ 더보기
카테고리별 스킨 적용 작업 진행중입니다. 스킨 v.2.0 업데이트 에서도 말씀드렸듯이 버전2부터는 엑수시아님의 TS-plugin을 적용하였습니다. 그래서 현재 카테고리별 스킨적용 작업을 진행중이고요, 일부는 거의 완료가 되었습니다. 현재 톱기어, iOS,얼터너티브, 일렉트릭 카테고리에 스킨이 적용되었으며 지금 바로 확인 하실수 있습니다. 더보기
티스토리가 얼마나 방만하게 운영되는지 보여주는 단적인 예 스킨을 한번 만들어 보신분들이라면 티스토리 스킨 가이드에 나와있는 검색결과 댓글리스트를 아실겁니다. 저도 최대한 원래 스킨 구조에서 벗어나지 않기 위해서 이 부분을 그대로 옮겨와서 작업을 했었는데요, 알고보니 이 기능이 2007년에 빠진 기능이었습니다. (관련링크: http://notice.tistory.com/783) 아니 빠졌으면 아예 가이드에서 삭제를 좀 해줘야지 이게 도대체 뭔지... 공지 올려놓는다고 누가 다 읽어보는줄 아나 -_-; 덕분에 저는 아까운 시간들여서 덧글 검색 부분 마크업 하고 아까운 시간들여서 스타일 적용하였네요 -_-스킨 제작하시는 분들은 참고하시고 제작하실때 리플 검색 결과는 빼시기 바랍니다. 더보기
[연말특집] 블로그 연말 결산 2013Estoque 블로그 연말 결산 티스토리: 지난 2013 한 해 어떤 해였나요? 기쁜 일, 즐거운 일, 슬픈 일 등 많은 일들이 있었을 것 같습니다. 마음을 가다듬어 한 해 동안 블로그, 그리고 나에게 있었던 일들을 정리하면서 다가오는 2014년을 준비해보세요~ 2014년에는 좋은 일들만 가득할거에요! ^^ 답변: 2014년에 좋은일은 무슨... 뺑이 쳐야지 글 1,197개 / 댓글 1,284개 / 트랙백 8개 / 방명록 42개 / 방문자 141,642명 2013 내 블로그 포스트 best 5 1. 톱기어 시리즈20 에피소드2 2. 톱기어 시리즈20 에피소드3 3. 톱기어 시리즈20 에피소드1 4. 톱기어 시리즈20 에피소드4 5. 톱기어 DVD 퍼펙트 로드 트립 한 해 동안 여러분의 블로그에서 .. 더보기
현재 제 블로그는 속도와의 전쟁중 그렇게 가볍고 빠르다는 파운데이션 프레임웍이지만 여전히 느려터지고 버벅거리는 모습을 보여주고 있습니다. ㅠㅠ 그나마 오늘 코드를 좀 손봐서 페이지 스피드 점수가 85점에서 91점까지 오르긴했네요. 허나 YSlow점수는 더 떨어졌다는 점은 이상합니다. 사실 Yslow점수는 페이지마다 편차가 심하기 때문에 그러려니 할수도 있겠지만... 그래도!!! 신.경.쓰.이.네.요 오프스크린메뉴를 집어넣고, 카테고리를 중복출력하는등 부하를 줄만한 짓은 충분히 많이 했기 때문에 딱히 부정하진 않습니다. 하지만 테스트 페이지에서는 미칠듯이 빠른속도를 보여주는데 티스토리 치환자를 얹어 블로그에 로딩시키는 순간 버벅거린다는 것에서 크나큰 좌절을 하고 있습니다. OTL.... 사실 티스토리의 기형적 스킨구조에 기인하는 점도 없지.. 더보기