들어가기 전에 우연히 네이버 블로그의 모바일 페이지를 보다가 적용된 모바일 스킨이 좋아서 이 글을 적게 되었다. 그래서 티스토리도모바일 페이지 스킨변화에 대한 바람을 적으려 한다. 참고로 아래 그림은 네이버 블로그 앱(어플)이 아닌 모바일 브라우저로 네이버 블로그를 방문햇을 때 보여지는 모바일 페이지다. 들어가기 앱(어플)과 반응형 사이트를 많이 접하여 위나 아래 그림에서 볼 수 있는가로선 사각형 아이콘을 클릭하면 메뉴가 나온다. 보통가로선 사각형 아아콘을 터치하면무엇인가가 나온다는 생각이 의연중에 있는 것 같다. 그러니 위 네이버 블로그 모바일 페이지를 방문했을 때 가로선 아이콘을 클릭해서 메뉴가 나오게 했다. 위 네이버 블로그에 적용된 스킨을 보니티스토리 모바일 페이지스킨도 가로선 사각형 아이콘이 있었..

이 글에서 적으려는 것 티스토리는 스킨을 만들어 쉽게 공유와 적용할 곳이 없는 아쉬움을 적고자 한다. 네이버 블로그 등 국내 가입형 블로그에서 블로그를 했던 사람은 티스토리에서 스킨 공유와 적용이 힘들다는 것이 있었을 것이다. 본론으로 네이버 블로그와 이글루스는 스킨을 만들면 쉽게공유하고 블로그에 쉽게 적용할 수 있다. 첫번째로네이버 블로그에서는 블로그에서 스킨을 만들어 공유하면 그 스킨을 아이템 팩토리라는 페이지에 공유된다. 말로 하면 설명이 어려운데 네이버 블로그를 하면 알 것이다. 그리고 모든 네이버 블로거가 그 스킨을 사용할 수 있다. 아래에서는 네이버 블로그가 아닌 이글루스에 대해서 다룬다. 두번째로 이글루스에서는 아래와 같다.비록 이글루스는기능에 있어서네이버 블로그나 티스토리와 비해서 적지만 ..

.iconicmenu { position: relative; height: 45px; overflow: hidden; } .iconicmenu, .iconicmenu * { -moz-box-sizing: border-box; box-sizing: border-box; } .iconicmenu input[type="checkbox"] { /* checkbox used to toggle menu state */ position: absolute; left: 0; top: 0; opacity: 0; } .iconicmenu > label { /* Main label icon to toggle menu state */ z-index: 1000; display: block; position: absolute; width: 40px; height: 40px; float: left; top: 0; left: 0; background: white; text-indent: -1000000px; border: 6px solid black; /* border color */ border-width: 6px 0; cursor: pointer; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; /* transition for flipping label */ } .iconicmenu > label::after { /* inner stripes inside label */ content: ""; display: block; position: absolute; width: 100%; height: 18%; ..

이 글에서 적을 것이 글에서는 티스토리를 하다가 티스토리에서 카테고리 펼치기는 왜 치환자가 아닌 자바스크립트로 해야 하는지에 대한 내용이다.여담으로 얼마전에 카테고리를 치환자가 아닌 자바스크립트로 해야 하는 이유를 알았다. 4년 동안자바스크립트를 사용해야 하는 이유를 몰랐다.그리고 이 글에서 티스토리에서 카테고리 펼치는 치환자와 자바스크립트에 대해 알 수 있다.참고로 여기 글과 이 블로그의 치환자에서 ## 뒤와 앞의 공백은 없다. 왜냐하면, ## 뒤와 앞에 공백이 없으면 치환자를 인식하기 때문이다. 그러니 실제 치환자는 공백이 없다는 것을 알기 바란다.왜 그럴까티스토리서 카테고리 펼치기 치환자는 [## _category_list_ ##]을 사용할 수 있다. 하지만 이것을 사용하면 단점이 카테고리를 접지 못하고 또한 관리에 있는 카테고리 ..

이 글에서 설명할 것 티스토리에서 블로그를 하면모바일 페이지의 CSS를 수정할 수 없다. CSS를 수정할 수 있다는 말은 PC 페이지의 CSS를 수정할 수 잇다는 말이다. 어려운데 쉽게 말하면 모바일웹 스킨을 사용하면컴퓨터에서 보는 페이지의 CSS는 편집이 가능해도 스마트폰에서 보는 페이지의 CSS는 불가능하다.그래서이 글에서 내 블로그에서 적용하는 모바일 페이지 CSS를 사용할 사람에게 어떻게 적용할 것인지 설명하기 위해 적었다. 적용하기 모바일 페이지에 접속하면 아래와 같이 보인다. 아래 그림을 보듯이 글꼴(폰트)은 렉시새봄 폰트이다. 그리고 아래 그림을 보듯이 목록, 링크, 더보기 등에 CSS로 적용 안됐는데적용했다. 목록은 적용 안돼고링크는 검정이고 더보기에 이미지가 없다. 즉스마트폰으로 자신의블로그에 접속하면 아래처럼 보이게 ..

제목 그대로블로그를 하면서 특정 서비스에 너무 의존하지 말았으면 한다.4년여를 블로그를 해오면서 많은 서비스가 종료한 것을 보았다. 블로그를 하면서특정 서비스에 의존했다가그 서비스가 종료하면 블로그를 할 의욕이 저하된다. - 블로그 할 맛이 안 난다 - 올해 6월 말에 다음뷰가 종료한다는데 다음뷰에 의존한 사람은 많은 타격이 있을 것 같다. 요전에 다음뷰가 개편하면서 활동지원금에 대한 지원도 없어졌다. 그때 활동지원금에 많이 의존했던 사람은 많은 타격이 있었을 것이다. 어떤 사람은 다음 블로그를 떠나 네이버 블로그로 갔다. 나도 위와 같은 일이 있을 것 같아2011년 다음뷰 랭킹 상위권에 있어도 아깝지만 다음뷰의 뷰애드박스(광고)를 떼서 활동지원금(돈)을 포기했다. 뷰애드박스를 하지 않으면 활동지원금이 나오지 않는다...

에버노트에 글을 스크랩하기 위해서는 이상하게 크롬 확장 프로그램인 Chrome Web Clipper를 이용하는데 이 경우 오른쪽 마우스 버튼을 사용한 스크랩하는 것밖에는 안됐다. 글(포스트)에서 저장할 선택 영역을 만든 후 마우스 오른쪽 버튼을 누른 후 아래 그림처럼 순서대로 합니다. 크롬에 설치된 확장 프로그램을 사용하여 스크랩하면 링크 스크랩만 됐다.다음 블로그의 글을 Chrome Web Clipper에 스크랩할 수 없었다. 위처럼 네이버 블로그의 글(포스트)를 에버노트에 스크랩할 수 있으니 티스토리에 이사오고자 하는 사람은 편할 것이다. 아래 그림에 나왔듯이 티스토리에는 에버노트에 티스토리라는 태그가 있는 메모를 불러 올 수 있는 플러그인이 있다. 이것에 대해서는http://min-blog.tistory.com/search/에버노트 플러그인을 보기 바란다.아래는 빨간색 배경상자 ..