마크쿼리 스파이더스웹 v4로 스킨 업데이트 꼬박 이틀이 걸렸다... 근 1년 정도 마크쿼리 스켈레톤 v2를 수정하여 스킨으로 사용하다가 이번에 4버전으로 업데이트 되었다는 글을 보고 큰 마음먹고 적용해보았다. 기존에 쓰던 1단 스킨은 여러가지로 유용하고 선명해서 좋았는데, 여러가지 부분들을 고려해서 가장 블로그 답다 할 수 있는 2단 스킨으로 되돌아왔다.아직 마크쿼리 v4는 정식배포 전이고 곧 릴리즈 된다고한다.적용 후 소스코드를 들여다보니 이전과 너무나도 많은 부분들이 변경되어 갈피를 잡지 못한채 몇가지 부분만 수정해서 사용하고있다. 기본 디자인으로도 충분히 멋진 스킨이다. 기존에 스켈레톤 스킨이 단어 그대로 골격만을 제공하여 사용자가 직접 다듬어 사용하는 스타일이었다면 이번 버전4에서는 완성형 골격을..
어느덧 블로그를 운영한지 5년 6년 정도 되었습니다. 그동안 여러번의 스킨 변경을 했었는데... 처음 호기심에 이런저런 스킨을 적용시켜 본 경우를 제외하면 모두 2단 스킨만 사용해왔었습니다. 사실 2단 스킨은 거의 국민스킨이라고 볼 수 있을 정도로 안정감 있는 배치입니다. 그동안 별다른 불편함없이 2단 스킨만을 쭉 사용하다가 작년 말부터 마크쿼리님의 스켈레톤 반응형 스킨을 접했습니다. 마크쿼리님 스킨은 2단 스킨인 스켈레톤과 1단 스킨인 두비두 2가지 버전이 있는데, 2단 스킨을 유지하고자 스켈레톤으로 적용 후 지금까지 왔었습니다. 마크쿼리님의 스킨은 반응형에 장점이 있을 뿐만 아니라 마크다운 언어로 마크업하여 콘텐츠를 디자인할 수 있어서, 저 역시 마크다운으로 마크업해서 많은 포스팅을 했었습니다. 마크..
티스토리 반응형 스킨 파일 다운로드 버튼 형태로 만들기 블로그에서는 특정 파일을 업로드하여 사용자에게 제공할 수 있습니다. 특정 파일 양식에서부터 링크에 이르기까지 대부분의 것들을 다양한 방법으로 제공할 수 있는데요. 일반적으로 블로그 포스트를 작성할 때 많이들 사용하시는 글쓰기 에디터, 즉 위지윅 에디터에서 파일을 업로드하게 되면 아래처럼 간단한 파일 아이콘과 링크 텍스트가 제공되는 형태로 기본 설정이 되어 있습니다. ▼ 위지윅 에디터에서의 파일 업로드 하지만 이 고전적인 방법의 문제점 중 첫번째는 예쁘지가 않다는 것이며, 클릭을 유도할만큼 직관적이지도 않다는 것입니다. 두번째 문제점은 파일을 꼭 티스토리 서버에 업로드 하여야만 사용자에게 제공해줄 수 있다는 점입니다. 사실 파일을 링크할 수 있는 HT..
티스토리 티애디션은 반응형이 안된다? NO! 티스토리 티애디션 반응형에 어울리도록 적용하는 방법 티스토리에서 제공 중인 티애디션은 플래쉬 등을 이용하는 시스템이기 때문에 기본적으로 반응형에는 어울리지 않습니다. 하지만 티애디션을 제외하면 티스토리 블로그의 첫 화면을 깔끔하게 꾸미기가 상당히 힘들어서 티애디션 중에서도 반응형이 어느정도 가능한 아이템들 위주로 만드는 것이 일반적인 방법인데요. 며칠간 다양한 방법으로 티애디션을 테스트해보았습니다. 지금 제가 사용 중인 Skeleton 이나 마크쿼리 ↩님이 배포하고 계시는 스킨을 사용하는 블로거분들의 티애디션도 많은 참고를 했습니다. 대부분의 블로거분들이 티애디션의 사이즈 자체를 줄여서 모바일에서도 적당한 사이즈로 보이게끔 적용하고 계시더군요. 하지만 제가 P..
티애디션 헤드라인형 최신글 목록 1개로 고정하기(item-310430) 티스토리 블로그의 첫화면에서는 티스토리에서 제공해주는 티애디션을 많이 사용합니다. 티애디션을 제외하면 블로그의 첫화면을 관리하고 예쁘게 만들만한 시스템이 마땅히 없는 실정입니다. 또한, 티애디션의 에디터는 간략하고 초보자도 쉽게 사용할 수 있도록 제작되어 있어 보편적인 경향을 띄기도 합니다. 티애디션에는 여러가지의 아이템이 있습니다. 여기에는 총 4개의 구분이 있는데, 헤드라인형, 목록형, 갤러리형, 조합형이 그것입니다. 이것은 티애디션을 실행 후 하나씩 클릭해보면 미리보기가 되기 때문에 별도의 설명이 필요하진 않습니다. 이 중에서도 블로그의 최신글을 헤드라인으로 크게 보여주는 형태가 바로 헤드라인형인데요. 많은 티스토리 블로거분들이..
Skeleton Skin Version 1.1 Update for 랩하는 프로그래머 - 2013.12.11 구글 애드센스 코드 일부 수정 소스코드 공개를 위한 syntaxhighlighter 3.0.83 적용 nav 카테고리 한글명 관련 접근 문제 해결 과거버전 오타 v0.19 -> 0.9로 수정(피드백 : 열매맺는나무님) 페이스북 공유 관련 meta tag 설정
“제 블로그가 더 많은 이들에게 노출되면 좋겠어요.” 어떻게 할까요? * 평소 왕래하는 이웃분께서 블로그 노출과 관련 된 문의를 주셔서 짤막하게 설명드릴까 하다가, 혹여나 다른 분들께도 도움이 될까 싶어 포스팅으로 정리하였습니다. “제 블로그가 지금보다 더 많은 이들에게 읽혔으면 하는 바램이 생깁니다.” 한 달이상 블로그를 운영해 온 사람이라면 누구나 하는 고민입니다. 처음에는 취미로 시작했거나, 기타 다른 목적으로 인해 블로그를 시작했지만, 막상 시작하고 나니 방문자 숫자에 대한 욕심이 생기고, 공들여 쓴 포스트가 반응을 얻지 못하는 나쁜 경험을 하기 시작하면 이런 고민이 생기곤 합니다. 위와같은 문제를 해결해보고자 검색창에 ‘블로그 방문자 수 늘리기’같은 단어를 쳐봐도 나오는 건 대부분 정형화 된 S..
오늘 파이어폭스 4 로 업데이트 이후, 뭐 재미난게 없을까 싶어서 이것저것 뒤적뒤적 햇습니다. 페이스북 스킨과 테마 들이 이쁘장한게 너무너무 많이 있더라구요~ 오늘 진짜 장시간동안 페이스북 스킨만 100개는 넘게 적용해 본듯 합니다. 새롭고 이쁘고 아름다운 스킨들이 많이 있었지만.... 너무 화려한 구성으로 가독성에 영향을 미치는 스킨들이 많더군요. 혹은 영어권 사람들의 특색과 한국인의 특색일지도 모르겟네요~~ 제가 최종적으로 선택한 스킨은 바로 아이폰 인터페이스 테마 입니다. 기본 페이스북과는 약간 다르죠 ^^? 최대한 가독성에 영향을 주지 않는 스킨으로 고심끝에 결정!! 제가 자주 즐기는 페이스북, 징가의 소셜게임 시티빌 입니다. 양 옆 사이드에 조금 어두운 색상이 들어가면서.... 오히려 가독성을 ..