반응형 스킨 FastBoot을 갤러리 스킨으로?

Posted by Readiz
2014.03.14 23:05 반응형 티스토리/FastBoot

FastBoot 갤러리 모드


  위 영상은 반응형 티스토리 블로그 스킨 FastBoot의 갤러리 모드 영상 데모입니다. 카테고리에 들어가도 반응형으로 나오게 수정해보았습니다.

  아마 1.4버전 스펙이 될 듯 한데, 지금 고민하고 있는 부분은 FastBoot이라는 이름을 사용하고 있는 스킨인만큼 느린기능은 배제해야 되는 것이 아닌가.. 하는 것입니다.

  이전버전의 카테고리 모습이 나은 것 같기도 하고.. 빠르기도 하고.. 혹시라도 의견 있으신 분 계시면 감사히 받겠습니다. 이건 절대 아냐! 하시는 분들이 많으시면 이 부분은 업데이트 하지 않을 것입니다.

  아마 반응형 갤러리형 스킨은 처음이지 않나요? ^^;


  이 블로그가 시연용 블로그이고 (아직 http://fastboot.tistory.com 에는 적용하지 않았습니다),


  아래는 혹시라도 못보시는 분들을 위한 사진입니다.





PC모드



아이패드(태블릿) 세로모드



모바일



반응이 괜찮으면(부정적인 의견이 없으면) 다음 버전에 기본 탑재할 예정입니다. 

이 댓글을 비밀 댓글로
  1. masonry를 이용한 티스토리 반응형 갤러리 스킨은 이전부터 꽤 많이 있었습니다.

    제 블로그 2번째 스킨도 masonry에 반응형 레이아웃을 같이 사용했었죠 ㅎㅎ

    3번째 스킨부터는 아예 티에디션도 masonry를 사용했고 현재 스킨의 카테고리 난도 masonry가 적용 되어 있습니다.

    티에디션 같은 경우에는 모바일도 배려해야 되다보니 그냥 스크립트없이 css만으로 반응형 그리드에 티에디션을 맞춰서 쓰고 있고요 ^^
    • 이럴수가!
      반나절을 삽질했는데 최초가 아니군요. ㅋㅋㅋ
    • masonry 플러그인 자체가 반응형을 지원하다보니 반응형이 아닌 스킨도 창을 줄이면 알아서 맞춰줬었죠

      티스토리 처음 이주와서 반응형의 개념도 없던 시절에 그걸 처음보고는 되게 신기해 했던 기억이있네요 ㅋㅋ
    • 제가 지금 그 느낌이네요. ㅋㅋㅋㅋ
  2. 개인적인 의견이지만 카테고리에 들어갔을 때의 주 목적을 생각한다면
    간결하면서 한눈에 많은 목록을 볼 수 있는게 좋지 않을까 싶네요 ㅎㅎ
    • 저도 갈등중입니다.. 아.. 어찌해야할지.
      근데 저번에 갤러리형으로 됐으면 좋겠다던 분도 계셔서..
      스킨 이름을 생각하면 빼는게 정답인데 말이죠.
  3. 정말 좋네요!!! 블로그를 이용하는 방문자들에게 좀더 직관적인 게시글을 전달할 수 있겠네요!!
    어서 나오면 좋겠습니다
    • 확실히 이걸 선호하시는 분들이 계실 것 같습니다 ^^;
  4. 전 둘 다 괜찮다고 생각해서.... 이번에는... 생략하겠습니다. ㅋ
    • ㅋㅋ 둘다~ 인건가요.
    • 네.. ㅎㅎ 둘 다 놓치고 싶지 않네요 ㅜㅜ;; 아 욕심만 많네요 ㅋㅋ
    • 결국 둘다를 넘어서 셋다로 구현하였습니다.
  5. yongzz님 스킨처럼 목록형이랑 갤러리형 두가지를 선택할수 있는 버튼이 있으면(http://www.yongzz.com/view.php?bbs=skin&no=43) 사용하시는 분들이 좀더 편리하실것 같네요. 제 메인블로그도 갤러리형 그리드 스킨인데 전 강추 드리는 기능입니다. 1.4 버전에서는 꼭 추가 되었으면 좋겠네요.
    그리고 참고적으로 갤러리 방식도 카테고리별로 컬러나 크기를 조절할수 있는 기능이 첨가 된다면 획일적인 갤러리 모습에서 좀더 세련된 스킨이 나오지 않을가 생각 됩니다.(http://www.relentlessenergy.com/)
    • yongzz님께서 작업하는 것은 관심있게 항상 보고있습니다만..
      두가지를 선택할 수 있게 한다는게 결국 둘 다 로드한다는 이야기와 같은 것이라서요.. 이미지 로드야 ajax니 후에 선택할 수 있지만요. 한번 고려해보겠습니다.
      카테고리별 조정 기능은 어차피 티스토리에서는 javascript를 써야하고 카테고리를 detecting하는 것은 유저분들께서 결국 해주셔야 되는 부분으로 보입니다.
  6. 점점 진화하는군요~~~~^^

티스토리 툴바