본문 바로가기

반응형

스킨 업데이트 Ver.2.7 Ver.1이 7월말이었는데 벌써 Ver.2.7 까지 왔습니다. 주요 업데이트 사항을 살펴보도록 하겠습니다. 검색페이지를 완전히 바꿨습니다. 기존의 9칼럼, 3칼럼 조합 대신에 2+2칼럼, 8칼럼 구조로 바꾸었습니다. 게시글 같은 경우, 제가 올리는 모든 게시글이 미리 보기 사진이 있다는 점에 착안하여 masonry 방식의 겔러리를 도입했습니다. 일반 포스팅에서는 3단형 카테고리로 제가 직접 코드를 짜서 만든 것을 사용하고 있지만 검색페이지에서는 티스토리 일반 카테고리를 사용하실수 있습니다. 카테고리 위쪽에는 AddThis에서 제공하는 인기글 뷰어를 설치했습니다. 갤러리 뷰 위쪽에는 티스토리 검색창이 있지만 현재 알 수 없는 이유로 검색이 제대로 작동하지 않고 있습니다. 빠른시일내에 수정할 계획입니다.하단.. 더보기
스킨 업데이트 v2.5 - 반응형 레이아웃을 도입했습니다. 반응형(Responsive) 레이아웃.... 제가 처음 티스토리로 이주하면서 가장해보고 싶던 것중 하나였죠. 반응형 레이아웃이란? N스크린 시대가 도래하면서 각 기기에 맞게 모바일 사이트 PC용 사이트등을 만들 필요없이 사이트 하나만으로 모든 기기를 커버하는 개념이 반응형 레이아웃 입니다. 반응형 스킨의 장점은 모바일과 PC간의 웹페이지를 공유함으로서 운용에 편리함과 디자인의 일관성을 가질 수 있습니다. 게다가 해상도가 천차만별인 PC도 해상도에 맞는 화면을 제공하여 특정부분이 잘린다던가 하는 문제를 해소할 수 있죠. 요즘 대부분의 유명 "해외" 웹사이트들은 모두 반응형 웹을 지원합니다. 국내야 워낙 웹표준 준수도 느리고 하여 실생활에서는 별로 찾아볼 곳이 없긴합니다. 블로그는 초창기에는 html5기반이.. 더보기
이맛은 반응형의 맛이구나! 다음 트로이로 국내에서 팔리는 폰 환경에서 태스트를 모두 마쳤습니다. 아마 자정 전까지에는 자잘한 테스트를 거쳐보고 적용이 완료 될듯하네요 더보기
반응형 스킨으로 전환 작업을 하고 있습니다. 티스토리 모바일 페이지 끄기 기능이 생김에 따라 반응형 웹 스킨 도입을 진지하게 고민해오고 있었습니다. 미디어 쿼리만 추가하면 바로 반응형으로 바뀌는게 부트스트랩이긴 하지만 티스토리에 맞추려면 자잘하게 조정 해줘야 하는게 많습니다. 현재 테스트용 블로그에서 이틀째 작업하고 있는데요, 기본요소를 반응형으로 전환하는것은 거의 끝났습니다. 이제 남은 작업은 970px이하의 해상도에서 테블릿과 스마트폰 용으로 전용 메뉴를 따로 만드는것과 티에디션을 반응형에 맞게 고치는 것만 남았습니다. 티에디션 같은 경우에는 몇 가지 코드 테스트만해보고 방치 상태로 두고 있는데요, 다행이도 12칼럼으로 맞추니까 반응형으로 잘 움직이네요. 다만 좀 짜증나는 점은 애드센스를 반응형으로 설치해도 실시간으로 전혀 움직이지 않는 다는 .. 더보기