포럼
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
스크롤바, 체크박스, 라디오 버튼 등 시스템적 요소에 관한 디자인 처리
2014.02.13 23:29
의 애로사항....=ㅅ=
input 태그에 들어가는 text, checkbox, radio와 스크롤바 등은 각 브라우저마다, 그리고 운영체제마다 스타일이 다르죠. Mac OS처럼 기본적으로 미려한 디자인을 제공하기도 하지만, 대다수가 Windows인지라 이런 부분을 고민하지 않을 수가 없네요.
해외 웹사이트를 보면 스크롤바나 셀렉트박스를 jQuery 기반 플러그인을 통해 스타일을 바꾸는 경우가 많더군요. 여기 계신 분들께서도 잘 알고 계시는 모듈이 있을 겁니다.
주로 많이 사용하던 게 jScrollPane, nano Scroller, niceScroler, jQuery Form Styler 등인데, 이외에도 여러가지를 사용해봤습니다만 딱 이거다, 하고 말할 수 있는 게 없더군요.
포럼에 글을 남기지 않았습니다만, 이번에 이 주제에 대해서 여러 사람들의 의견을 듣고자 한 번 써 보았습니다. 시스템적 요소에 스타일을 불가피하게 적용시킬 때 여러분들은 어떤 라이브러리를 사용하시는 지, 내가 써 보니 이게 제일 낫더라 하는 의견이 오고 갔으면 하는 마음에 글을 한 번 적어봤습니다.
P.S. 내(?) 자유게시판이 없어졌어! ㅠㅠ
숫자 범위를 선택해야 할 때 ion.rangeSlider 라는 플러그인을 쓰면 편하더라고요. HTML5를 지원하지 않는 브라우저 때문이기도 하고, 디자인을 수정할 수도 있어서 이걸 쓰고 있어요.
http://ionden.com/a/plugins/ion.rangeSlider/en.html
기본 디자인도 예뻐서 크게 손 볼 필요도 없겠더라고요.