무료 UI 구성 요소 에 Web

HUSL 인간 친화적 인 HSL을 의미합니다.HUSL 복잡한 컬러 계산에 덜 악센트 HSL 컬러 공간의 단순화 된 버전이며, chromatics에 대한 자세한.이는보다 가능한 칼라 도메인을 제공하기위한 시도로, 기본적 HSL 및 CIE LChuv 간의 결합이다.지금은이 도메인이 구현되며 색상 선택기, 알고 새로운 기술을 신뢰 사용자를 얻는 이상적인 방법으로 사용을 위해 제공했다.HUSL뿐만 아니라 당신의 스타일 시트와 HUSL를 사용하기위한 특별한...

noUiSlider 때문에 범위 슬라이더가 필요했다 웹 프로젝트에서 만든 개발자는 이전에 하나의 빈약 한 UI 구성 요소에 대한 전체 jQuery를 UI 프레임 워크를로드해야합니다. jQuery를 UI 프레임 워크가 매우 크기 때문에이 그렇게 성능, 페이지 속도와 검색 엔진 최적화에 왔을 때 , 그것은 아무 의미하지 않았다. noUiSlider 플레이에 와서 jQuery를 UI 범위 슬라이더 뒤에 코드를 가져다가 독립 실행 형 jQuery 플러그인으로...

첫번째 필드는 지방을 선택하기위한, 제 도시위한되고, 세 번째는 도시 지역을 선택한다.모든 필드는 일련의 작업, 그래서 당신은 이전 필드를 선택하지 않는 경우, 현재 필드는 옵션이 표시되지 않습니다.이러한 필드의 각각은 활성화 될 수 또는 위치 정확도의 선택에 따라 비활성화 그들은 자리 표시 자 텍스트 또는 사용자 정의 데이터를 통해 사용자 정의 할 수 있습니다.기본적으로 모든 지구 피커 파일은 저자의 자신의 국가 (중국)에 대한 샘플 데이터와...

jQuery를 최고 커서 개발자는 브라우저의 기본 마우스 커서 그래픽을 숨기고 대신 사용자 정의 커서를 표시 할 수 있습니다. 이 이전에이 일을 해본 적이 한 경우, 매우 사소한 일을 보일 우리의 조언을주의하지 할 수도 있지만. 마우스 커서를 정의하는 것은 주로하기 때문에 렌더링 및 다양한 브라우저에서 커서를 교체 할 때 발생하는 다양한 버그, 매우 복잡 할 수 있습니다. jQuery를 최고 커서 이미지를 사용하거나 다른 유사한 방법 같은 파일을...

부트 스트랩 응용 프로그램 마법사가 작은에 큰 사용자 입력 영역을 파괴, 모달 창 내부 여러 단계를 표시하는 데 사용할 수 있습니다, 쉬운 부분을 채우기 위해.구성 요소는 폼 데이터의 검증과 기능을 사용자가 마법사의 다음 단계로 진출하고자 할 때 즉각적인 피드백을 제공 할 수있는 동안 이전 단계가 기입되어 있지 않은 경우 섹션 사이 점프에서 사용자를 방지 할 수 있습니다.진행 표시 줄은 사용자가 마법사의 단계를 통해 이동으로 표시 할 수 있으며, 키보드...

각-DatePicker에서 JQuery와 의존하지 않고, 실제로 pickadate.js jQuery 플러그인과 기본 AngularJS 지시어로 포장.이것은 jQuery를 각진 워크로드 둘 필요없이 적재 일시 피커 컴포넌트를 사용하는 프로세스를 단순화한다.모든 pickadate.js 기능은 반응 레이아웃과 사용자 정의 사용자 인터페이스, 다양한 날짜 및 시간 형식에 대한 지원에서 지원됩니다.. 시간대 지원 (물론) 이 요구 사항도 포함되어 있습니다 : ...

부트 스트랩 데이터 테이블은 개발자가 HTML 테이블을 이용하여 웹에 큰 데이터 구조를 덤프해야 상황에서 사용할 수있는 플러그인이다.데이터가 매우 크기 때문에이 테이블 공간이 많이 걸릴 것 또한 읽고 탐색하기가 매우 힘들 것입니다 의미합니다.이와 같은 상황을 방지하기 위해, 개발자는 훨씬 소화 형식으로 데이터를 표시 부트 스트랩 프레임 워크와 함께 부트 스트랩 데이터 테이블 플러그인을 사용하도록 선택할 수있다.데이터는 여전히 HTML 테이블의 내부에...

basicNotification 사용하기 매우 쉽고, 컨테이너, 아이콘 및 알림 텍스트를 표시합니다.컨테이너가 통지 시스템에 대한 사용자 정의 스킨을 만들 수 CSS를 통해 스타일 수 있지만 텍스트와 아이콘, 플러그인의 매개 변수를 통해 완벽하게 사용자 정의 할 수 있습니다.통지는 모든 페이지에 표시 될 수 있고, 여러 개의 메시지를 동시에 표시 할 수있다.기본적으로 모든 메시지가 5 초 동안 표시되지만이 간격은 사용자 정의 할 수 있습니다 어떤 알림도...

는 제품 설명의에서 라이브러리의 저자 상태로 "[벽돌] 그냥 벽에 메이슨 피팅 돌처럼 높이를 변화의 요소 사이의 수직 간격을 최소화 할 수 있습니다." 이 라이브러리의 이름 뒤에 영감 아니라 최선의 설명뿐만 아니라.벽돌은 기본적으로 그리드에 배치 할 때 요소가 서로 사이의 거대한 격차를 두지 않는 것을 확인합니다. 이것은 일반적으로 하나의 요소가 다른 사람보다 더 큰 경우 CSS를 레이아웃을 떴다 위해 발생합니다. 이 요소 선박 부동 소수점, 그래서...

Gridex은 그리드 레이아웃에 항목을 표시하고 사용자가 그 아래 드롭 다운 패널로 클릭 한있는 항목을 확장 할 수있는 능력을 개발자를 제공합니다.이 패널 내부 자세한 내용은 사용자 지정 표시 형식의 종류, 특정 항목에 대해 표시 할 수 있습니다.샘플 페이​​지가 구글 이미지 검색과 유사한 그리드 및 레이아웃을 전시, Gridex 패키지에 포함되어 있습니다.물론이 예는 사용자 정의 및 이미지 앨범과 웹 기반 포트폴리오 같은 다른 UI 구성 요소에서...