가장 좋은 UI 구성 요소 에 Web

가에 대한 지원을 추가하기 때문에 는 기본 옵션 외에, 부트 스트랩 체크 박스 X도 중요 개발자가 쉽게 체크 박스 인터페이스를 사용자 정의하고 더 나은 기본 브라우저 스타일에 비해 UI 컨트롤을 찾고 만들 수 있도록 몇 가지 추가 기능뿐만 아니라. 가장 중요한 것은 트라이 스테이트 지원, 체크 박스 요소에 추가 작업 모드를 추가하는 기능입니다. 이것은 "에 / 선택 / 확인"사이에, "중간 / 불확정"상태 "OFF / 선택 취소 / 선택 해제"....

최근 몇 년 동안, UX (사용자 경험)의 과학은 천천히 성장하고 더 많은 웹 개발자는 자신의 사이트에 UX 친화적 인 기능을 구현하고 있습니다.UX 설계의 기본적인 원리들 중 하나는 사용자가 자신이 사용하고 프로그램간에 일정한 정보 스트림이다. 이는 앱이 항상 뭔가 일이 벌어지고있는 경우 사용자가 알 수 있도록이 의미, 그래서 그는 혼동 또는 자신이 무엇을하고 있는지에 대한 관심을 잃지 않을 것입니다.이것은 새로운 비디오를로드하는 동안 YouTube의...

사회 공유 버튼 설정 & NBSP; 개발자가 좋은 찾고 CSS를 공유 목적으로 3 버튼을 구축 할 수 있습니다.그들은 (필요한 경우) 점유율 통계를 소개하는 카운터 섹션에 완전한 온다.지금 만 트위터, 페이스 북과 구글 버튼 스타일이 포함되어 있지만, 새로운 쉽게 기존의 코드에서 만들 수 있습니다.원래 디자인은 Orman 클락의 공짜 디자인 중 하나에서 영감을받은 요구 사항 : 있습니다. CSS 3 지원...

gridster.js은 사용자가 마우스를 사용하여 그리드 설정에 항목을 이동할 수 있습니다.또한 그것은 또한 그들이 그리드 항목의 오른쪽 아래 모서리를 잡고 천천히 크거나 작은 크기로 크기를 조정하도록 할 수 있습니다.플러그인은 다중 열 레이아웃, 충돌 감지 및 격자 요소의 자동 재 배열을 지원합니다.gridster.js 또한 그리드의 여백, 간격, 열 수 및 전체 동작을 제어하기위한 사용자 정의 매개 변수가 많이 포함되어 있습니다.테스트 및...

jQuery를 Collapser 매우 다재다능 매우 다양한 형태 토글 요소를 구축 할 수있다.당신이 toggler가 무엇인지 단서가없는 경우, 사용자의 클릭에 / 숨기기 내용을 보여 접을 수있는 요소입니다.이러한 접을 수있는 요소는 작은 영역으로 길고 큰 컨텐츠를 압축하는 좋은 방법입니다.플러그인은, 아코디언, 목록 collapsers을 만들 하나의 코드 한 줄을 추가하여 등 링크, "더 읽기"하는 데 사용할 수 있습니다.작업 데모는 jQuery를...

응답 탭은 개발자가 점차 여유 페이지 공간에 맞게 위젯의 크기를 조정, 자신의 탭 패널 위젯에 반응하는 지원을 추가 할 수 있습니다.이 동작은 탭 패널이 결코 오프 스크린 간다 콘텐츠가 항상 읽을 수 있는지 확인합니다.위젯은 모든 현대적인 브라우저에서 작동하며 또한 수직 및 수평 탭 레이아웃에 대한 지원이 함께 제공됩니다.예 탭 패널과 사용 지침은 응답 탭 패키지에 포함되어있는 이 릴리스의 새로운 기능입니다. 다양한 파일에 몇 오타 오류를...

Range2DSlider 비행기를 조정하는 차원에서 개체 및 다양한를 선택하는 방법을 제공하는 수평 및 수직 범위 선택기를 병합합니다.선택은 마우스 커서를 사용하여 고전적인 방법을 만들어 터치 스크린 장치를위한 터치 지원, 드래그 & 제스처를 드롭한다.필요하면 범위 슬라이더는 고전적인 수직 또는 수평 선택 선 내에서 작업, 1D 범위 선택에 다운되지 수 있습니다.샘플 Range2DSlider 위젯과 데모 페이지는 플러그인의 파일에 포함되어...

Teeble는 Backbone.js에 익숙해있는 프로그래머가 자신의 HTML 테이블의 인터페이스를 향상시킬 수 있습니다.이 좋은 아이디어를 보일 수도 있지만, Teeble은이 같은 것이 속도 및 탐색 작업을 쉽게 할 수 거대한 테이블 데이터에 큰 함께 사용해야합니다.데모는 다운로드 패키지에 포함되어있는 이 릴리스의 새로운 기능 무엇 :. 이 허용 서버 측 모음 페이저에서 재정의 () 인수. 이 고정 ServerCollection 버그 : 이 버전...

당신이 웹 페이지에 대한 피드백을 표시해야하는 경우 jQuery.notify은 빠른 수정 솔루션입니다.그것은 개발자가 다양한 작업 및 페이지 상태에 대한 동적 확인서를 보여주는이 5 알림 유형을 기본적으로 지원하는 간단한 방법을 구축 할 수 있습니다 :-alert- 성공- 오류- 경고- 정보각 메시지 유형은 다른 사람을 구별하기 쉬운 것을, 자신의 CSS 스킨과 색상을하고있다.메시지 화면 중 어느 코너에 도시 될 수 있으며, 통지의 본문 타이틀, 작은...

비슷한 툴팁 시스템과 달리, simpleTooltip 실제로 자바 스크립트없이 작업 할 수 있습니다.simpleTooltip의 자바 스크립트 부분 만 내용을 중심으로하고, 툴팁 내부 텍스트의 큰 조각을 다루는 다루고있다.나머지는 이미 자바 스크립트를로드 페이지로드에서 실행되는 너무 많이 거기에 페이지에 사용되는 매우 비 간섭 툴팁 시스템을 구축, CSS 3과 HTML 5를 통해 처리됩니다.데모 및 문서 페이지가 표준 simpleTooltip 패키지의...