Blog/Skin
프라치노 공책 2.0
프라치노 공책 2.0
2020.11.10지금까지 티스토리 블로그를 운영하면서 다양한 스킨을 접해봤다. 빨리 질려 하는 성격도 있지만 무엇보다 새로운 느낌이 오래가지 못했다. 비슷한 레이아웃에 2단, 3단 스킨 등.. 새로운 느낌을 위해 부분 수정도 여러 번 해봤지만 그때뿐이고 기본적인 틀을 벗어날 수는 없었다. 계속 이 스킨 저 스킨 바꾸는 것보다 기록 목적의 블로그 성격에 맞게 앞으로 쭉 이 스킨에 정착해보려 한다. 내가 지금까지 사용해봤던 유료 스킨들 중 공간 스킨도 마찬가지로 프라치노 님의 스킨이 오랜 기간 꾸준한 업데이트와 빠른 피드백 등 여러모로 만족스럽다. 이전에 구매해놨던 프라치노 님의 공책 스킨이 2.0 버전으로 업데이트됐다는 메일을 받고 냉큼 스킨을 둘러보았다. 구매할 당시에도 신박하고 특색 있고 디자인적으로도 마음에 들었었는..
tokii's garden 스킨
tokii's garden 스킨
2019.08.26예전에 사용했던 스크립트 복사를 위해 tokii’s paper(quartz) 스킨을 적용했다가 오랜만에 현황이 궁금하여 하단에 제작자 표기를 클릭해서 개발자 블로그를 보게 되었는데 아주 깔끔한 디자인으로 개편이 진행 중이었다. 토끼데스 개발자센터 토끼데스 티스토리 스킨 공식 블로그. 더 나은 티스토리 블로그 스킨을 경험해보세요. developers.tokiidesu.com 토끼데스 스킨은 티스토리 블로그를 운영하면서 오랫동안 만족하면서 사용한 스킨 중 하나이다. 기존에는 다양한 스킨들을 배포 및 판매하며 각 스킨에 맞는 스킨 가이드까지 제공했었는데, 지금은 tokii's garden 스킨 하나로 통합되어 배포를 앞두고 있는 상태다. 현재 글 작성 기준으로 다른 스킨들보다 가장 많은 커버 종류를 보유하고 ..
프라치노 공간 11 업데이트
프라치노 공간 11 업데이트
2018.11.21최근에 사용중인 프라치노 공간 스킨이 11버전으로 새로운 디자인으로 리뉴얼 됐다. 디자인이 전보다 개선되었을 뿐만 아니라 이제 더이상 사용자화하기 위해 preferences.js 파일을 편집할 필요도 없다. 또한 첫 페이지를 손쉽게 꾸밀 수 있는 커버 기능도 포함되어 있다. 현존하는 이용자 제작 스킨 중에서 디자인과 가격 면에서 가장 마음에 드는 스킨이다.
티스토리 블로그 프라치노 공간 스킨으로 변경(수정)
티스토리 블로그 프라치노 공간 스킨으로 변경(수정)
2018.09.03변덕이 왜 이리 심한지 또 스킨을 바꿨다. 예전에 구매해놨던 프라치노님의 공책 스킨인데, 9월 17일 자로 구매한 프라치노님의 공간 스킨인데, 앞으로 어떠한 주제의 글을 작성하는 데 있어 가독성이 좋고 심플한 디자인이 마음에 들었다. 무엇보다 완성도가 높으면서 지속적인 업데이트, 친절하고 빠른 피드백이 만족스러워서 선택했다. 앞으로 블로그/스킨 카테고리에는 이 스킨을 사용하면서 버전 업데이트 기록이나 수정한 내용, 또는 팁 등을 작성할 계획이다.
오류 제보 기능 추가 및 댓글 형식 수정
오류 제보 기능 추가 및 댓글 형식 수정
2018.08.21스킨을 수정하면서 블로그에 적용해볼 만한 괜찮은 기능이 있는지 찾아보다가 뭐하라님의 구글 스프레드시트를 이용한 오류 제보 기능을 알게 됐다. 스프레드시트를 이렇게 활용할 수 있다는 게 신기하고, 수백 개의 글들을 일일이 직접 찾아보지 않고도 방문자의 제보로 어떤 글이 무슨 문제가 있는지 한눈에 볼 수 있는 괜찮은 기능 같다. https://nubiz.tistory.com/551 이 기능을 추가하는 방법은 위 링크에 설명이 상세하게 잘 되어있고, 어렵지 않아서 금방 적용할 수 있었다. 대부분 HTML 구조는 동일하고 CSS만 약간 손봐서 깔끔한 디자인으로 수정했다. 위 사진과 같은 오류 제보 입력 폼은 공감/공유/신고 버튼 아래에 위치한다. 또, 댓글 영역은 위 사진과 같이 티스토리 댓글과 디스커스를 선택..
블로그 스킨 변경
블로그 스킨 변경
2018.08.11지금껏 탕비수다 스킨을 사용하다가 다시 예전에 사용하던 토끼데스님의 폴리오 스킨으로 변경했다. 탕비수다 스킨은 깔끔한 디자인에 다양한 기능으로 군더더기 없는 스킨이지만 입맛에 맞게 수정하려니 까다로운 부분이 종종 있어서 100% 원하는 디자인으로 다듬기에는 무리가 있었다. 그리고 블로그 성격상 이미지 위주의 글이 아니다 보니 맞지 않는 옷을 입은 느낌이 들기도 했다. 때문에 비교적 수정이 용이한 폴리오 스킨을 사용하면서 각 영역의 세세한 디자인을 수정하고 여러 기능도 추가해보면서 사용할 생각이다.
블로그 디자인에 사용된 컬러
블로그 디자인에 사용된 컬러
2018.06.26f67e7f acbfc3 606a70 남은 섬네일 작업이 까마득하다.
블로그 스킨 탕비수다 이마고로 변경
블로그 스킨 탕비수다 이마고로 변경
2018.06.15스킨을 또 바꿨다. 더 이상 스킨을 바꿀 생각은 없었는데, 변경하게 된 몇 가지 이유가 있다. 전에 사용했던 스킨을 1단형 레이아웃으로 수정하려니 전체 소스의 60% 이상은 손봐야 한다는 점이다. 충분히 완성도가 높고 수정이 자유로웠던 스킨이지만 지금 내 실력으로 시간을 투자하면서 구조를 뜯어 고치기에는 무리가 있었다. 게다가 블로그를 운영하면서 얼마 전까지만 해도 여러 카테고리를 다루면서 글을 쓸 생각이었는데, 스킨을 바꾸면서 채울 자신이 없는 카테고리들은 모두 삭제하고 기존에 발행한 글들은 이전 발행 글 카테고리로 옮겼다. 완벽하게 알고 있는 게 아니기 때문에 다른 곳에서 정보를 얻고 정리하면서 글을 작성하면 아무래도 시간문제가 가장 컸고 여러 정보를 그럴싸하게 짜깁기해도 전문성 있는 글을 쓸 수 있..
티스토리 블로그 디자인 변경
티스토리 블로그 디자인 변경
2018.05.31이전에는 어떤 부분은 추가하고 불필요한 부분을 제거해도 뭔가 밋밋한 느낌이었는데, 그동안 필요한 정보를 찾기 위해서 구글링을 통해 방문했던 해외 여러 사이트 디자인들을 보고 받은 영감을 토대로 전반적인 느낌을 바꿔봤다. http://andersnoren.se/themes/lovecraft/ 위 링크는 해외 ANDERS NORÉN님이 제작한 워드프레스 테마 데모 페이지다. 이 사이트 디자인을 참고해서 본문과 사이드바를 감싸는 영역에 아래 CSS 속성을 이용해 헤더 영역을 살짝 덮을 정도로 위로 올렸다. main-wrapper { position: relative; top: -30px; } 그리고 추가로 body 영역과 footer 영역에 색을 입했다. 이 세 부분만 수정했을 뿐인데도 블로그 분위기가 전반적..
티스토리 블로그 헤더 영역 파티클 스크립트 적용
티스토리 블로그 헤더 영역 파티클 스크립트 적용
2018.05.25묘한오빠님의 도움으로 생각만 해오던 블로그 디자인을 드디어 완성했다. 헤더 이미지는 시원한 느낌을 내고 싶어서 적용해봤는데 언제든 바뀔 수 있고, 헤더 이미지의 느낌에 따라 파티클 색 또한 수정할 예정이다. http://jnicol.github.io/particleground/ 파티클은 랜덤으로 배치되며 마우스의 움직임에 반응한다. 헤더 영역을 벗어난 다른 영역에서도 마찬가지다. 또한 모바일 환경에서는 기기의 기울기에 따라 반응한다. 아직 손봐야 할 곳이 몇 군데 남았지만 크게 눈에 띄는 부분이 아니라서 천천히 고쳐야겠다. 파티클 영역
티스토리 블로그 댓글 리스트와 방명록 리스트에 이모지 적용
티스토리 블로그 댓글 리스트와 방명록 리스트에 이모지 적용
2018.05.17현재 적용된 이모지 : ㅋ : ㅎ : ㅜ : ㅠ : ♥ 그 외 이모지 테스트 <link rel="stylesheet" href="http://ellekasai.github.io/twemoji-awesome/twemoji-awesome.css"> <script type="text/javascript"> var ch_font = document.getElementById("emoji"); ch_font.innerHTML=ch_font.innerHTML.replace(/ㅋ/gm,''); ch_font.innerHTML=ch_font.innerHTML.replace(/ㅎ/gm,''); ch_font.innerHTML=ch_font.innerHTML.replace(/ㅜ/gm,''); ch_font...
티스토리 블로그 새로운 웹폰트 '이롭게 바탕체' 적용
티스토리 블로그 새로운 웹폰트 '이롭게 바탕체' 적용
2018.04.15블로그 디자인이 질리는 감이 있어 커버 이미지와 폰트를 바꿨다. 이전에는 Spoqa Han Sans 폰트, Noto Sans 폰트와 같은 고딕 형태의 폰트를 번갈아가며 썼었는데, 원래 고딕체보다 바탕체를 더 좋아해서 바꾸게 됐다. 바탕체는 뭔가 포근하고 올드한 느낌이 좋다. 내가 적용한 바탕체는 이롭게에서 제작한 이롭게 바탕체이며, 특징은 아래와 같다. 국내 최초의 웹 전용 바탕체 모든 한글을 입력할 수 있는 바탕체 가독성이 뛰어난 바탕체 적은 용량으로 웹에 최적화된 본문 폰트 자유롭게 사용할 수 있는 라이센스 정책 아래 링크에서 폰트를 테스트해볼 수 있으며, 일반적인 폰트 형식인 ttf, otf와 웹폰트 전용 eot, woff 형식을 다운로드할 수 있다. http://font.iropke.com/bat..