search

Needlworks / Textcube

Textcube : Brand yourself! / Personalized web publishing platform with multi-user support
http://www.textcube.org
Other
207 stars 55 forks source link

Proposal for a new default admin panel skin #1716

Open zvuc opened 9 years ago

zvuc commented 9 years ago

https://github.com/zvuc/silica

요저번 커밋때도 잠깐 언급을 했었는데요, 최근 몇주/몇달간 텍스트큐브용 새 어드민 스킨을 만들고 있습니다. 현재 기본적인 뼈대와 센터, 글목록, 글작성, 커뮤니케이션, 네트워크 메뉴 하위 페이지까지는 작업이 된 상태고 나머지 페이지만 남았는데 아직 작업을 시작하지 않은 페이지들은 기본 canon 스킨의 css를 날리지 않아서 사용은 가능한 상태입니다.

기존의 스킨이 구버전 태터툴즈에서부터 이어져오던 코드인지라 새 버전에서 여러 변경점들에 대응하지 못해 깨지는 것들도 수없이 봐왔고, 특히 최근의 TinyMCE에디터를 도입하면서 에디터와 관리 페이지가 따로 노는듯한 느낌을 받고 무엇보다 너무 사용하기가 불편해서(..) 커다란 삽질을 각오하고 아예 백지에서 코드를 다시 쓰자는 목적으로 만들어왔는데요, 희망하기론 완성이 되면 어느부분 차기 텍스트큐브 버전의 기본 스킨으로 채용해서 베이스로 삼아 개발을 계속해나가면 어떨까 하는 생각을 가지고 있습니다.

LESS기반으로 작업해서 코드 구조가 알기 쉽게 되어있고 유지보수도 훨씬 간편할 것으로 생각합니다. 처음에는 텍큐 리포를 포크해서 그 안에서 작업하다가 그냥 새 리포로 스킨만 따로 떼어냈는데요, 한번 설치해서 사용해보시고 피드백을 주셨으면 합니다 :)

스킨은 CSS밖에 못 건드리는지라 이곳저곳 클래스가 안 붙어있거나 HTML구조가 건들기 어렵게 되어있어서 좀 억지스럽게 타게팅을 한 부분이 있긴 합니다만, 만약 기본 베이스 스킨으로 사용하기로 결정하시면 커뮤니케이션을 통해 출력되는 html과 스타일시트를 동시에 수정해나갈수 있지 않을까 싶습니다. 특히나 다른 부분은 몰라도, 블로깅 툴인만큰 글 작성 페이지 만큼은 기능적으로나 UI적으로나 불편함이 없어야된다고 생각해서요. 한번 보고 생각해주세요 ㅎㅎ

inureyes commented 9 years ago

@leezche @graphittie @inniss 의견 부탁 드립니다!

inureyes commented 9 years ago

:+1:

inureyes commented 9 years ago

사용 소감입니다 :dancer:

  1. 전체적으로 디자인이 괜찮습니다. 예전에 @leezche 님께서 @egoing 님과 2011년 초에 제게 던져주셨던 관리 패널 구현체와 아이템들의 위치가 유사하네요. ( @zvuc 님께서 예전 프로토타입 스킨이 궁금하시면 master 브렌치의 frame 스킨 보시면 될 듯! 두 분이 디자인 던져 주시고 제가 대충 프레임만 잡았던 컨셉 스킨입니다.)
  2. 톤이 좀 강한 부분들이 있는데, 나중에 전반적으로 톤 다운을 좀 하면 좋을 것 같습니다. 설명하기 어려운데 어쩐지 눈에 밟히는 색상 요소들이 살짝살짝 있는듯!
  3. 에디터 창은 아직 좀 깨져 나오지만 괜찮아보입니다. more/less 및 그림 속성등의 프로퍼티 윈도우가 우측 바에 통합되어서 나오면 좋을 것 같습니다. 덤으로 우측 부분 토글도 넣으면 괜찮을 듯!

관리 패널도 html5 요소를 왕창 넣을 예정이니 괜찮으시면 master branch에 푸시하고 작업하셔도 좋을 것 같습니다. 1.10은 기능 요소가 클로징되었기 때문에 (1.10.1은; 사후 처리 중이죠. 하하) 바로 master tree로 가는게 좋을 듯 합니다. :)

zvuc commented 9 years ago

피드백 감사합니다! ㅎㅎ 사실 본래는 모 캐릭터의 컬러 설정을 컨셉으로 잡아서 팔레트를 잡고 작업한거라 포인트컬러가 좀 많이 튀기는 합니다만, 전부 mixin으로 해둔 상태라 variable만 고치면 색은 금세 고칠수 있어서요. 기본 스킨으로 쓰려면 아무래도 텍큐 브랜드 컬러에 맞게 좀 튜닝을 해야겠지요 :)

에디터 창 관련해서는 사실 드리고 싶은 피드백이 많은데요, 스킨 작업하다보니 평소 사용하다 느꼈던 점들도 많고 (이미지 업로더같은 부분이라든가) CSS만으로 건드리기 힘든 부분이 있어서 마크업을 바꾸든가 해야할것같은데 사실 걱정되는게 하위 호환이라서요. (그래봤자 관리자 패널 스킨은 텍큐 이전 버전에서 사용하던 내장 스킨 외에 서드파티가 만든 스킨이 없는것으로 압니다만) 개인적으로 만약 가능하다면 다소 하위호환이 깨져도 상관 없을 2.0? 차기 메이저 버전의 기본 스킨을 목표로 대대적으로 변경을 좀 하고싶은 생각입니다.

improve TinyMCE editor usability같은 이름으로 새 이슈를 쓸까 생각하기도 했는데요, 플래시 이미지 업로더 대신 '더 모던한' 방법을 넣는다든가.. 아무튼 괜찮으시다면 앞으로 좀 더 자주 커뮤니케이션하면서 같이 작업할수 있으면 좋겠습니다 :)

일단 꾸미기 페이지나 플러그인 페이지는 완성이 안 된 상태라 개인 리포에서 작업을 더 하고, 어느정도 마무리가 되면 마스터에 풀 요청을 해보겠습니다 ^^; 감사합니다!

inureyes commented 9 years ago

넵! 2.0에서 HTML5로 가면서 많이 갈아 엎을건데, 에디터쪽 레거시 코드도 왕창 정리할테니 함께 작업하시죠! :)