이 있어야 함 UI 구성 요소 에 Web

Slctr 뒤에 원칙은 가장 명백하고 잘 알려진 예를 들어 사용자가 어도비 리더에 드래그 앤 드롭으로 콘텐츠를 선택할 수있는 방법 인, 년 동안 UI 디자인에 사용되어왔다.Slctr는 사용자가 자신의 마우스를 사용하여 직사각형의 선택을 할 수 있도록, 웹 콘텐츠 등의 유사한 시스템을 구현한다.각각 만들어진 선택, 단부 지점은 선택의 크기와 함께 기록되는 시작.이 방법의 선택은 프로그래밍 기록 재 제정 또는 (재) 다른 동작에 사용될 수있다.작은 데모를...

슬라이드 패널 토글 메커니즘을 전원에서 사용할 수있는 오픈 소스 jQuery 플러그인이다.이 메커니즘은 "노 스포일러"시스템 패널을 슬라이딩, 위젯을 아코디언 간단한 토글 버튼, 여러 형태로 형성하지 않고 할 수 있습니다.플러그인은 클릭 및 / 또는 확장하거나 빠른 슬라이드 - 인 / 아웃 효과를 사용하여 패널을 축소합니다 공중 선회 트리거 요소를 사용합니다.개발자가 확장 된 패널 내부에 아무것도를 배치 할 수 있습니다, 그들은 패널을 열거 나...

"슬라이더"구성 요소는 기본 인터페이스에 대한 지원이 제공, 2 개의 JS 드래그가 종료 할 때 슬라이더가 사용되는 때를 감지 할 수 있습니다 이벤트.최소 및 최대 값은 슬라이더지지되고, 슬라이더의 초기 값은 페이지로드로 설정 될 수있다.드래그가 종료되면, 현상은 슬라이더에서 새로운 값을 취득 할 수있다.이 콜백을 트리거하고 애플리케이션에 슬라이더의 출력을 사용하는 개발자 수 있습니다.간단한 슬라이더 예제는 다운로드 패키지에 포함되어있는 요구 사항...

부트 스트랩에 대한 슬라이더는 을 같은 이름의 스테판 페트르의 을 구성 요소에서 영감을하지만, 부트 스트랩 3.x를 지원 향상되었습니다.일본어와 마찬가지로,이 구성 요소는 일반 번호 입력 필드를 취해 입력 값을 조정 주위 드래그 할 수 상부에 핸들과, 수직 또는 수평 라인으로 변환.또한 "드래그 슬라이더"로 알려진,이 구성 요소는 고전적인 입력 필드보다 사용하기 훨씬 쉽게 및 미세 조정 마우스 커서를 사용하여 숫자 항목에 사용자를 할 수 있습니다.부트...

드래그 슬라이더는 오늘날의 웹 인터페이스에 그 흔한 아니지만, 자신의 존재가 절대적으로 필요한 경우가있다.UI 위젯의이 유형은 번호 기반의 값을 선택 체크 박스, 라디오 버튼을 사용하는 것보다 훨씬 쉽게 작업을 위해 완벽하다.슬라이더 부트 스트랩에 대한 구성 요소는 개발자가 모두 수평 및 수직 형식으로 작업 등의 위젯을 만들 수 있습니다.또한, 범위 슬라이더는 두 개의 손잡이, 최소 값 하나, 및 최대 값에 대한 하나, 간단한 드래그 슬라이더를...

Slip.js는 터치 제스처에 대한 광범위한 지원으로오고, 데스크톱 및 모바일 장치에서 모두 작동합니다.이 라이브러리는 개발자가 자신의 아이템은 다양한 방법으로 사용자에 따라 이동 할 수 있습니다 HTML 목록을 구축 할 수 있습니다.사용자가 아이템을 잡아 새로운 위치로 이동하거나, 왼쪽 또는 오른쪽으로 스 와이프 ​​및 자동 목록의 끝으로 이동할 수있다 하나.당신이 목록 항목이 가만히하려면 물론, 너무 가능합니다.Slip.js 사용자 인터페이스...

SnackbarJS 프로그래머가 뭔가 좋은 또는 나쁜 갔다 할 때마다 사용자에게 경고, 화면의 구석에 작은 알림 메시지를 표시 할 수 있습니다.플러그인은 구현하기 쉽고 당신이 당신의 사이트에서 사용하고있는 모든 스타일을 사용자 정의 할 쉽게 웹 응용 프로그램의 기본 피드백 및 알림 시스템입니다.끈적 요소에 대한 지원은 온 / 오프 토글 링과에 메시지를 타이머 기반,있다.토스트 메시지 컨테이너 또한 먹일 텍스트 양에 적응되고, 메시지의 내용 자체도 5의...

부트 스트랩에 대한 사회 버튼 개발자가 쉽게 다양한 잘 알려진 소셜 네트워크 및 인터넷 서비스에 대한 사회적 공유, 소셜 로그인 및 연락처 및 프로필 버튼을 만들 수 있습니다.당신은 물론 부트 스트랩 프레임 워크의 상단에 개발하는 경우이 버튼은 쉽게 하나의 CSS 클래스를 통해 모든 링크 태그에 추가 할 수 있습니다.버튼은 두 가지 버전, 서비스의 로고 버튼을 접두어로 하나, 혼자 로고가있는 하나에서 사용할 수 있습니다.네 가지 버튼 크기도 사용할 수...

사회가 좋아 수 있습니다 개발자는 현재 활성화 된 소셜 공유 컨트롤과 함께 공유 도구 모음의 배치에 관련된 다양한 설정을 구성합니다.내장 된 버튼을 완전히 작업 만이 아니라 CSS 쉘입니다.그들은 방문자가 또는 원하는 소셜 네트워크에 현재 페이지처럼 공유 할 수 있도록하고, 또한 공유 할 때 페이지의 링크와 함께 전송 사회 메타 데이터의 일부를 조작합니다.사회 데모가 다운로드 패키지에 포함되어 좋아하는 이 릴리스의 새로운 기능입니다. 이 리디렉션을...

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