웹사이트에서 사용되는 30개의 필수 컨트롤들

30 Essential Controls” 이곳에 웹사이트에서 사용되는 30개의 필수 컨트롤들에 대해 자세히 설명해 주고 있는것을 발견했습니다. 영어로 되어 있지만 상당히 좋은 정보입니다. 다양한 JavaScript 라이브러리들과 Flex, Silverlight 등 웹에서 사용되는 대부분의 클라이언트 환경에대해 정리가 되어 있습니다.

  • 01. Auto Suggest
  • 02. Carousel (variation as Coverflow)
  • 03. Charts & Graphs
  • 04. Collapsible Panels (accordion, disclosure triangles, slide drawer)
  • 05. Combobox (select multiple, alternate list box UI, editable)
  • 06. Date Picker/Calendar (select range, date/time combination)
  • 07. Dialogs (modal, light weight, lightbox)
  • 08. Docking
  • 09. Drag & Drop Manager
  • 10. Dynamic Filter
  • 11. Feedback/ Status
  • 12. Fisheye/ Spotlight
  • 13. Gauges (and other visual progress or status indicators)
  • 14. Help Tip/ Quick Tip
  • 15. Hot Keys
  • 16. Hover Action
  • 17. Hover Detail
  • 18. Inline Edit
  • 19. Progress Indicator/ Loading
  • 20. Rating
  • 21. Record Locator/ Paginator
  • 22. Slider
  • 23. Scoped Search
  • 24. Sparklines
  • 25. Table/ Data Grid ( scrolling, editable, grouped)
  • 26. Toolbar
  • 27. Vertical Browser
  • 28. View Toggle (buttons, button bar)
  • 29. WYSIWYG Editor/ Rich Text Editor
  • 30. Zoom
  • Bonus- Desktop Style Container

부제목만 적었는데도 상당한 양이네요. 개발자입장에서 이 모든 요소들이 쓰기 편하게 준비되어 있는 상태에서 웹사이트를 개발한다면 얼마나 좋을지 상상해 보고 있습니다. 그러나 현실은 이중 하나라도 재대로 개발하도록 일정을 잡을 수 있는 회사는 그리 많지 않다는 것입니다. UI 개발팀이 따로 있다면 모를까 그렇지 않다면 현실적으로 그림의 떡입니다. 그래서 저런것이 모두 되는 편리한 라이브러리가 있으면 하는 바램이 생기는 것 같습니다.

이 내용은 Designing Web Interfaces 웹사이트에 있는 내용으로 UI 관련 좋은 정보들이 올려져 있습니다. “15 Common Component Patterns“, “12 Standard Screen Patterns” 와 같은 고급 정보들도 들어가 있습니다.

Published by: benant

WEB PROGRAMMER. PHP, nodeJs, ASP, XML, Javascript, VBScript, PL/SQL, MySQL, Oracle. scrollads.co.kr 새로운 모바일 광고 서비스. trenue.com 시스탬 트래이딩 서비스. blogman.co.kr 블로그 운영 관리 서비스. creget.co.kr 해외 상품 구매대행. 핫딜 정보 제공 서비스. fgshop.co.kr - 독립형 쇼핑몰 솔루션.

카테고리 Web태그, 댓글 남기기

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Google photo

Google의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

%s에 연결하는 중