본문 바로가기

스킨

Life is a Journey 스킨 제작 후기 + 디자인 사설 요즘 대세는 플랫 제가 만든 1번째 스킨인 Congnocenti가 플랫도 아니고 그런지도 아니고 어정쩡했었고, 2번째 스킨인 TA는 부트스트랩2 기반으로 세미 플랫한 스타일을 가졌었습니다. 3번째 스킨인 프로토타입은 파운데이션 기반으로 스큐어모픽 틱한 디자인을 구현했었죠. 다중 레이어와 그림자 사용으로 거의 3D 가까운 모습을 보여줬었습니다. 11월에 만든 스킨인데 계속 쓰려고 했지만 막상 안 쓰는 기능을 좀 빼고 코드를 정리하려고하니 너무 마크업이 개판이라서 그냥 새로 만드는 방향으로 가게 되었습니다. 스킨을 새로 만들면서 계획했던것은 요즘 유행하는 완전 ‘플랫 스타일을 구현하자’ 였습니다. 그래서 주요 디자인 키워드는 flat&simple 이었습니다. 하지만 중간 중간에 그림자 요소를 넣어서 너무 지.. 더보기
티스토리 스킨으로 미쳤다는 소리를 들어보고 싶었습니다. 그래서 한번 만들어 봤습니다. 티스토리 스킨으로 어디까지 갈수 있을까? 라는 고민의 해답일지도 모르겠습니다. 페이지별 스킨적용을 한단계 끌어 올렸습니다. 이전의 방식인 배경이나 색상을 바꾸던 차원을 넘어서 레이아웃 자체를 갈아 엎어 버립니다. (적용 되는 부분은 메인화면, 게시글, 검색결과, 방명록입니다.) 이번 스킨은 정말 많은 양의 css코딩이 들어가고 엄청난 양의 자바스크립트가 들어갔는데 비해서 HTML은 평소의 반의 반도 안 됩니다. 제 마크업 실력이 늘어서도 있지만 최대한 필요없는 요소를 제거 했기 때문입니다. 자바스크립트 같은 경우 저는 평소에 자바를 그렇게 많이 쓰지 않는 편인데 이번스킨은 거의 몇톤의 스크립트가 쓰였습니다. ㅋㅋ 현재는 최적화 중이라서 그렇게 빠르지 않지만 완료되면 빠른 속.. 더보기
새 스킨 티저(?) 이번 스킨의 특징은 한마디로 말해서.IE 좆까 입니다. IE는 전용 CSS로 돌아가게 합니다. IE5/CSS1기반으로 작성된 막장 CSS를 돌릴겁니다. 낄낄 너무 걱정하진 마세요 나머지 브라우저에서는 대략 이런느낌으로 스킨이 만들어졌습니다. :D 더보기
디스커스의 디자인이 바뀌었네요 어제 부터 디스커스가 새 디자인이 적용되었습니다. 이전 변경후 변경전에 산만하던 기능들이 어느정도 정리가되고 깔끔해진 모습입니다. 이미지가 많을떄 로딩이 느려지는 점은 좀 개선되면 좋을텐데요 -ㅅ- 더보기
내 결국 이리 될줄 알았지... 스킨 리뉴얼 하려고 계획을 잡았다가 기존스킨의 구조가 너무 더러워서 그냥 싹갈아 엎으려 합니다. 워낙 무식하게 코딩을 하다보니... 발전이 없네요 -ㅅ- 더보기
조만간 스킨 리뉴얼이 있습니다. 현재 스킨 상태로는 2년간 방치상태에서 스팸이나 이런것을 막아내지 못할것 같아 아예 댓글이랑 트랙백을 차단시키는 방향으로 가려합니다. 디스커스야 자체의 강력한 스팸방지기능이 있어서 상관없지만 티스토리 댓글의 스팸방지 기능은 거의 장식에 가까운 수준이라서 손을 봐야 할것 같네요 안 쓰는 기능은 대폭 삭제하는 방향이 될듯합니다. 더보기
TechAesthetic - 반응형 티스토리 스킨 13년 08.07~ 11/12까지 사용하였던 티스토리 스킨을 다른 티스토리 블로그에도 적용이 가능하게 바꿔서 공개합니다. 초기버전을 올릴까... 라는 생각도 해보았지만 코드도 지저분하고, 반응형도 아니라서 가장 마지막 버전이었던 2.8을 개정해 3으로 업그레이드 하였습니다. 작년 7월 하반기에 작업에 들어가서 약 일주일만에 만들어낸 스킨입니다. 물론 그 이후로 오랜시간동안 수 많은 개선작업을 거쳐와서 현재의 완성도를 가지게 되었습니다. 초창기에는 배경색도 존재하고 그림자도 여러군대 쓰인 모습이었지만 버전업을 거치면서 점점 플랫한 스타일로 바꾸어 나갔습니다. -> 스킨업데이트 내역 기본 바탕이 된 프레임웍은 부트스트랩 2.3.2이며 부트스트랩 2.x버전을 사용했기 때문에 IE7이상의 브라우저에 모두 호환이.. 더보기
배포용 티스토리 스킨 제작중입니다. 이전에 쓰던 스킨을 모든 블로그에서 적용가능한 스킨으로 리마스터 중입니다. 스킨위자드가 작동되게 만드려고 삽질중이지만 관련 CSS속성을 다 넣어도 스킨위자드 버튼이 안뜨네요 -ㅅ- 뭐가 문제인지 고민중입니다. -_ㅜ 더보기
카테고리별 스킨 적용 작업 진행중입니다. 스킨 v.2.0 업데이트 에서도 말씀드렸듯이 버전2부터는 엑수시아님의 TS-plugin을 적용하였습니다. 그래서 현재 카테고리별 스킨적용 작업을 진행중이고요, 일부는 거의 완료가 되었습니다. 현재 톱기어, iOS,얼터너티브, 일렉트릭 카테고리에 스킨이 적용되었으며 지금 바로 확인 하실수 있습니다. 더보기
Meltdown - 반응형 이글루스 스킨 이글루스에는 스킨 깎는 장인분들이 안 계시기 때문에 제가 만든 스킨이 유일한 반응형 스킨입니다. -ㅅ- ㅋㅋ 남들이 안 가는 길을 가보니 왠지 신대륙 개척한 기분이네요 ㅋㅋ 그렇지만 티스토리보다 난이도가 허접해서 뭔가 대단한걸 이룬듯한 기분은 전혀 들지 않습니다. -_-; 스킨의 기본적인 소개를 하자면, YUI에서 제작한 Pure 프레임웍을 적용하였으며, 매우 가볍고 빠른 스킨입니다. 오른쪽 사이드바는 높이는 100%로 항상 고정되어 있으며, 가로폭 786px의 브레이크 포인트에서 모바일/테블릿형 레이아웃으로 전환 하게 됩니다. 사진에서 보시듯이 모바일 뷰에서는 상단 메뉴가 별도로 뜨게 됩니다. 상단메뉴는 굳이 수정할필요 없이 이글루스에서 기본 제공하는 메뉴릿으로 메뉴 추가가 가능합니다. (배포용 스킨에.. 더보기

티스토리툴바