보다 깔끔해진 마크쿼리 v4 버전 소스로 티에디션 업데이트. 기존에 덕지덕지 붙은 이상한 카테고리들을 다 뺐다. 심지어 칼럼 카테고리도 티에디션에서 제외. 첫화면에서는 보통 상단에 있는 몇 개만 노출되리라 생각하고 있어서 사실 티에디션을 세로로 길게 만들 필요까진 없을 것 같은데... 외관상 어느정도만 넣어두었다.
마크쿼리 스파이더스웹 v4로 스킨 업데이트 꼬박 이틀이 걸렸다... 근 1년 정도 마크쿼리 스켈레톤 v2를 수정하여 스킨으로 사용하다가 이번에 4버전으로 업데이트 되었다는 글을 보고 큰 마음먹고 적용해보았다. 기존에 쓰던 1단 스킨은 여러가지로 유용하고 선명해서 좋았는데, 여러가지 부분들을 고려해서 가장 블로그 답다 할 수 있는 2단 스킨으로 되돌아왔다.아직 마크쿼리 v4는 정식배포 전이고 곧 릴리즈 된다고한다.적용 후 소스코드를 들여다보니 이전과 너무나도 많은 부분들이 변경되어 갈피를 잡지 못한채 몇가지 부분만 수정해서 사용하고있다. 기본 디자인으로도 충분히 멋진 스킨이다. 기존에 스켈레톤 스킨이 단어 그대로 골격만을 제공하여 사용자가 직접 다듬어 사용하는 스타일이었다면 이번 버전4에서는 완성형 골격을..
어느덧 블로그를 운영한지 5년 6년 정도 되었습니다. 그동안 여러번의 스킨 변경을 했었는데... 처음 호기심에 이런저런 스킨을 적용시켜 본 경우를 제외하면 모두 2단 스킨만 사용해왔었습니다. 사실 2단 스킨은 거의 국민스킨이라고 볼 수 있을 정도로 안정감 있는 배치입니다. 그동안 별다른 불편함없이 2단 스킨만을 쭉 사용하다가 작년 말부터 마크쿼리님의 스켈레톤 반응형 스킨을 접했습니다. 마크쿼리님 스킨은 2단 스킨인 스켈레톤과 1단 스킨인 두비두 2가지 버전이 있는데, 2단 스킨을 유지하고자 스켈레톤으로 적용 후 지금까지 왔었습니다. 마크쿼리님의 스킨은 반응형에 장점이 있을 뿐만 아니라 마크다운 언어로 마크업하여 콘텐츠를 디자인할 수 있어서, 저 역시 마크다운으로 마크업해서 많은 포스팅을 했었습니다. 마크..
티스토리 반응형 스킨의 대세 마크쿼리 스킨이 3.0.5로 버전 업되면서 소소한 변화가 있었는데, 업데이트 내역 중 가장 반가운 것은 반응형 티애디션입니다. 반가운 마음으로 반응형 티애디션을 적용하였습니다. 사실 마크쿼리 스킨에서 그동안 한가지 흠이 있던게 바로 티애디션이었습니다. 블로그 메인페이지는 사람으로치면 얼굴이나 첫 인상이라 할 수 있을만큼 중요한 곳인데, 스킨의 모든 부분이 반응형이지만 티애디션 자체에서 반응형을 지원해주지 않앗기 때문에 메인페이지가 반응형이 아니었습니다. 그러나 이제는 티애디션까지 반응형으로 설정할 수 있게 되면서(게다가 깔끔한 디자인!) 거의 완벽에 가까운 반응형 스킨이 된 듯 합니다. 제가 사용하는 버전은 마크쿼리 스킨 스켈레톤 2버전이며, 현재는 3버전까지 릴리즈 되어있는..
티스토리 반응형 스킨 파일 다운로드 버튼 형태로 만들기 블로그에서는 특정 파일을 업로드하여 사용자에게 제공할 수 있습니다. 특정 파일 양식에서부터 링크에 이르기까지 대부분의 것들을 다양한 방법으로 제공할 수 있는데요. 일반적으로 블로그 포스트를 작성할 때 많이들 사용하시는 글쓰기 에디터, 즉 위지윅 에디터에서 파일을 업로드하게 되면 아래처럼 간단한 파일 아이콘과 링크 텍스트가 제공되는 형태로 기본 설정이 되어 있습니다. ▼ 위지윅 에디터에서의 파일 업로드 하지만 이 고전적인 방법의 문제점 중 첫번째는 예쁘지가 않다는 것이며, 클릭을 유도할만큼 직관적이지도 않다는 것입니다. 두번째 문제점은 파일을 꼭 티스토리 서버에 업로드 하여야만 사용자에게 제공해줄 수 있다는 점입니다. 사실 파일을 링크할 수 있는 HT..
티스토리 반응형 블로그 스킨 버전별 작업일지 v1.2 ~ v1.9a Skeleton Skin Version 1.2 Update for 랩하는 프로그래머 - 2013.12.12 bootstrap.css 수정을 통한 폰트 및 new line 크기 변경 PC화면에서 공백 발생으로 인해 구글 애드센스 모바일 광고 관련 Tistory-all 코드 삭제 syntaxhighlighter 사용하지 않음. 대신 웹에서 가능한 Pastie 사용. Skeleton Skin Version 1.3 Update for 랩하는 프로그래머 - 2013.12.16 본문 하단 The Author 추가 Skeleton Skin Version 1.4 Update for 랩하는 프로그래머 - 2013.12.20 본문 하단 The Author..
티스토리 블로그 카테고리 글보기 혹은 검색시 나오는 날짜 위치 이동하기 블로그를 방문하는 독자의 가독성을 위한 소스코드 일부 수정을 해봅시다. 티스토리 블로그에서는 카테고리 글 보기 또는 검색을 했을 경우 OOO에 해당하는 글이라는 메시지와 함께 리스트가 출력됩니다. 제가 지금 사용하고 있는 Skeleton 반응형 웹 스킨 뿐만 아니라 티스토리에서 기본 제공하는 여러 스킨들 중에서도 나타나는 리스트들의 디자인이 가독성에 약간 영향을 주는 부분이 있습니다. 아래의 이미지는 예시를 들기위해 같은 스킨을 사용 중인 정재복님의 블로그 ↩를 전체 글보기를 하여 스크린샷 한 화면입니다. ▼ 물론 나쁘지 않은 디자인입니다만 포스트의 리스트가 날짜 뒤에 위치하여 조금의 시선을 방해하는 것처럼 느껴집니다. 사용자에게 중..
티스토리 반응형 블로그 스킨 적용 v1 변경 전 스킨과 변경 후 스킨 변경 전 스킨 변경 후 스킨 변경 전 스킨 변경 전 티스토리 스킨 이미지입니다. 그간 참 오래도록 사용해 온 스킨인데요. 지금와서 생각해보니(실제로 찾아보진 않고...) 못해도 한 3년 정도는 사용해 온 스킨이 아닌가 싶습니다. 정말 유익한 스킨이었고 지금도 그렇지만 지금도 많은 분들께서 사용하시는 스킨이라 생각합니다. 티스토리 기본 스킨 위에다가 CSS 및 HTML 코드 일부를 덮어 스타일을 적용하여 초보자도 쉽게 접근하기에 좋다는 장점 뿐만 아니라 블로그 디자인을 각 잡히도록 만들 수 있다는 장점이 있었던 스킨이었습니다. 저 같은 경우에는 해당 블로그의 스킨을 이용하면서 정말 많은 것들을 경험할 수 있었는데, 스킨이 잘 적용되다보니..
