티에디션 없애기 / Flipboard Layout

Posted by Readiz
2014.04.18 02:27 반응형 티스토리/FastBoot


   티에디션을 설정하면 블로그 메인의 로딩 속도가 한참 늦어진다는 사실은 다들 아시는 바일 것입니다.

  요즘도 FastBoot v1.6의 기능 추가가 한창입니다. 티에디션이 느려터져서, 생각해낸 해결책이 주소를 Detection하여 메인이면 티에디션을 없애버리고 Flipboard 스타일의 메인을 보여주려고 시도를 해보고 있습니다. RSS를 긁어와서 출력시키는 것인데 생각보다 속도가 괜찮습니다.




 일단은 위와 같은 느낌입니다만 onasaju님께서 RSS리더들의 레이아웃을 참고하면 좋다고 하셔서 요즘 여러 디자인들을 보고 있습니다. 이게 참 스킨이라는건 만들수록 디자인을 공부하는 느낌이네요.



Feeder's Design



  이건 Feedly의 디자인인데, 맥 앱의 경우에는 3단으로 구성되어있는 듯 하네요. Onasaju님이 올려주신 것입니다.





  요런 형태의 디자인도 마음에 들긴 하는데, 커버이미지를 저렇게 큰 것을 써야 한다는 것이 부담스럽니다. ^^; 어떤 글을 사용자가 올리든 간에 왼쪽이 멋있어야 하는데, 이렇게 제한을 걸어버리면 가끔 왼쪽이 못생겨지지 않을까 싶네요.




  이렇게 3단형이 비대칭으로 가는 것도 괜찮을 것 같구요..




  비슷비슷하지만 모두가 다 레이아웃의 극치를 보여준다고 생각합니다. 참고할만한 배치들이 너무 많네요. 어떤걸 기본값으로 지정시켜야 좋을지 모르겠습니다.


  티에디션을 그냥 비워두고 적용하는 것이라서 따로 반응형 티에디션에 대한 세팅을 하지 않아도 되기 때문에, 특히나 초보분들에게 적합한 기능이 되지 않을까 싶네요. 물론 반비례하게 쓰시는 분이 원하는 레이아웃으로 수정하기는 힘듭니다만.. 어떻게하면 커스텀 편의를 제공할까도 고민중입니다.



저작자 표시 비영리 변경 금지
신고
이 댓글을 비밀 댓글로
  1. 플립보드네요 ㅎㅎ
    음 이것도 쓸만은 한거같아요 ''
  2. 고민 많이 되시겠네요 ㅜㅜ;
    저처럼 기다리는 사람들은... 벌써부터 기대되서 .... 좋은데 Readiz님은 많이 힘드실거 같네요 ... 좋은 레이아웃 구성 생각나게 되면 바로 말씀 드리겠습니다. ^^

    • ㅎㅎ 안그래도 도움 많이 받고 있습니다. ^^
  3. 기대되네요 ㅎㅎ
  4. Flipboard 스타일도 너무 괜찮은 듯...^^
    • 심플한 것이 제 스킨과 잘 맞는 듯 해요.. ^^
  5. 기대하고 있습니다~! 화이팅입니다!! :-]
  6. 어떤 형태든 티에디션을 안쓴다는 것만으로도 기대가 큽니다. 1.6버전 빨리 만나보고 싶네요. 화이팅입니다.
    • 2014.04.19 04:49
    비밀댓글입니다
    • Line messenger: Readiz 입니다.
      아니면 readiz.com@gmail.com 으로 연락주셔도 푸쉬알람이 오구요.. ^^
      전화번호는 안남기셔도 되는데요.. ㅎㅎ 인터넷이라 부담되어서 전화번호는 공개하지 않고 있습니다. 이해해주실 것이라 믿습니다.. ^^;
  7. 하단 카테고리 다른글 왼쪽 광고 어떻게 넣나요 ㅠ

    재촉해서 죄송합니다 0_0; a .....
    • 외람된 말씀이지만 일단 요청을 여러번 받은 것이라서 이렇게 재촉하지 않으셔도 됩니다;; 블로그 포스팅 다음 주제로 생각하고 있습니다....... ㅠㅠ 요청하신 동적으로 광고를 삽입하는 코드이기 때문에 블로그에서 사용하는 플러그인에 따라 코드가 달라져서 공개를 못하고 있는겁니다. 섣불리 공개했다가 "오작동하는데 어떡해요?" 라는 질문을 무지하게 받을까봐.. 제 블로그에 방문하는 모든 분들이 jQuery JS, HTML 등등을 다 다루시는 분들이 오는 것이 아니기 때문이죠..
    • 따로 이메일이나 덧글로라도 써주시면 안될까요 ....
      질문 안할 자신 있습니다 +_+
    • 위치는 본문 하단에.. 작동 안해도 몰라요 ㅋㅋ
      <script>
      if(window.getWindowCleintWidth()>=768){
      var adTmp = '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script><ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px;margin:auto" data-ad-client="" data-ad-slot=""></ins>';
      document.getElementsByClassName('another_category')[0].className+=" col-md-6";
      document.getElementsByClassName('another_category')[0].style.clear="none";
      document.getElementsByClassName('another_category')[0].outerHTML='<div style="margin:0 auto;"><div class="col-md-6" style="margin-top:20px; padding:0; text-align:center;">'+adTmp+'</div>'+document.getElementsByClassName('another_category')[0].outerHTML+'<div class="clearfix"></div></div>';
      (adsbygoogle = window.adsbygoogle || []).push({});
      }
      </script>
    • 적용 완료 +_+
      http://hayward.tistory.com
      감사합니다 ㅠㅠ
  8. 어떻게 적용시키는거죠?
    • 아직 공개 안했습니다..
      손보고 있는 단계입니다.
  9. 크아, 플립보드 스타일 메인이라니, 기대 됩니다!
    화이팅입니다^^
  10. 제가 나중에 실력되면 한번 꾸며보고 싶은 싸이트인데 살펴보시고 우리 스킨에 응용할 부분이 있을지 살펴봐 주세요.
    http://nialler9.com/
    레이아웃이나 화면배치, 메뉴바로 카테고리별로 미리보기 기능 등 마음에 드는 부분들이 상당히 많드라구요.
    그리고 1.6버전 애타게 기다리고 잇습니다;^^
    항상 응원하고 있습니다. 감사합니다.
    • ㅎㅎㅎ 다음주 정도에 공개되지 않을까 싶네요.. 지금 시험 기간인데다가 공대라.. 조금 빡세네요 이번학기 복학해서 ^^;
      유용한 링크 감사합니다. ^^
  11. 일단 뭔지는 잘모르겠지만 티에디션 없앤다는건 아주 맘에 듭니다 지금 티에디션 메인 그림 크기가 어떨때는 왕창크게 어떨때는 완전 작게 완전 지맘대로여서 포기하고 작게보자 하고있는중입니다 빨리 1.6기대합니다 ㅎㅎㅎ
    • 이제 좀 여유가 생겨서 작업속도가 올라갈 것 같습니다~
  12. 와우!! 기대되네요~
    2번째 이미지의 왼쪽 큰 화면에 애드센스 광고를 넣을 수 있으면 좋을 거 같아요~!
    • 역시 매서우시군요.. 생각은 안해봤었는데 좋은 아이디어인 것 같습니다.

티스토리 툴바