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

라이트 태그 핸들러는 사용자가 텍스트와 쉼표를 사용하여 분리 검색어를 입력시키는, 정규 입력 필드와 함께 작동합니다.쉼표 키가 눌려진 경우, 이전에 입력 한 모든 텍스트는 약 안에 싸여 태그로 변환된다.사용자는 동일한 필드 내에서 여러 요소를 입력 할 수 있으며, 각각의 하나는 태그로 변환됩니다.다중 태그 엔트리 필드는, 동일한 페이지에 배치 될 수있는 각각 별개로 작동.태그 중 하나 위로 마우스를 가져 가면 누르면였다 태그를 삭제 "X"로 마우스...

Lightswitch 브라우저의 기본 양식 스타일을 숨기고 아이폰 OS와 같은 인터페이스로 대체, 기타 다른 형태의 마스킹 플러그인처럼 작동합니다.이 새로운 아이폰 OS 인터페이스는 그가에 기뻐 경우 개발자에게 추가 수정에 대한 더 많은 공간을 허용 HTML, CSS와 JS를 통해 생성된다.토글 요소는 행동과 기능 모두 원래의 아이폰 OS 버전 같은 Lightswitch 작품으로 만들었습니다.Lightswitch 또한 버튼을 비활성화 상태에 대한 지원이...

"경량 사회 버튼"컬렉션의 웹 사이트에 소셜 공유 컨트롤을 포함 2 스킨에서 6 버튼이 제공됩니다.새로운 테마 또는 버튼은 새로운 서비스로 확장하기위한 스크립트를, 기존 템플릿을 사용하여 첨가 될 수있다.이 스크립트는 이미지 만 CSS 3 및 아이콘 글꼴을 사용하지 않는 특징 : 있습니다. 지원 서비스 :지저귐페이스 북Dribbble클립GitHub의구글 요구 사항 : CSS 3 지원...

LiteScroll, 또는 라이트 - scroll.js는, 스크롤 막대 요소에 대한 자신 만의 UI를 추가하는 아주 간단한 방법을 제공합니다.CSS 규격에 포함되지 않은, 스크롤 바는 일반적으로 페이지에 액세스하는 데 사용되는 브라우저에 기초하여 다른 스타일을 갖는다.이 플러그인은 브라우저의 기본 스타일을 숨 깁니다, 원래의 스크롤 막대처럼 작동하는 HTML, CSS 및 상단에 JS-전원 UI 오버레이, 단지 그것을 쉽게 CSS 코드를 통해 스타일을...

"로드 중 ..."패키지는 여전히 기다리는 사용자에게 시각적 피드백 페이지의 "물건을 끝내야"제공, 모든 페이지에 사용할 수 있습니다.이 사용하는로드 표시기는 벡터 기반 아니지만, SVG 덕분에, 그들은 또한 디자이너에 표시를 원하는 어떤 색으로 표시 할 수 있습니다.컬렉션은 모든 프로젝트에 추가 할 여덟 SVG 기반의 프리 로더, 모든 애니메이션, 쉽게이 포함되어...

매직 아코디언은 다음과 같은 방식으로 작동합니다. 개발자는 콘텐츠가에있는 페이지의 DIV 또는 섹션에 플러그인을 가리 키도록해야합니다.기본적으로 플러그인은 해당 섹션에있는 모든 헤더를 취할 것입니다 및 아코디언 위젯의 헤더로 변환.모든 헤더 아래 모든 텍스트는 각각의 패널의 내용이된다.아무것도 이러한 아코디언 패널, 심지어 테이블, 목록, 이미지, 비디오 및 IFRAMES 내부에 배치 할 수 있습니다.당신이 아코디언 대신 탭 패널을 만들어 유사한...

매직 탭은 DIV의 내용을 소요하고 완벽하게 작업 탭 패널로 변환합니다.그들 사이의 함유량이 패널 자체로 변형되는 동안 기본적으로 내부에 발견 헤더, 탭 패널 위젯의 헤더로 변환된다.당신은 당신이 원하는 무엇이든이 동작을 사용자 정의 할 수 있습니다 당신은 또한뿐만 아니라 탭 패널 내부에 HTML 콘텐츠의 모든 유형을 배치 할 수 있습니다.플러그인을 작성하고 필요시 탭 패널을 파괴, 심지어 런타임에 새로운 탭을 추가하는 빠른 기능이 함께 제공됩니다.전체...

Makisu은 선택 필드 드롭 다운을 할 수있는 애니메이션 대안을 제공합니다.자바 스크립트이었고, 주로 양식 마스킹 기술에 사용되는 동안, CSS3 웹 양식을 스타일링의 새로운 방법을 제공하고있다.이 작은 도서관은 모든 효과 CSS3에 의존, 드롭 다운 요소의 드롭 다운 패널을 닫습니다 /여 애니메이션을 전개 / 배를 사용합니다.Makisu리스트의 크기에 관계없이 모든 프로젝트에 사용될 수 있으며, 개발자는, 중복 계수 차원 시야각, 색 및 음영을...

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

MasterBlaster를 고전 텍스트 입력 필드에 입력 한 조건을 받아 태그 / 키워드로 강조 표시됩니다.태그를 만들려면, 그냥 단어 나 표현을 입력하고 Enter 또는 TAB 키를 누릅니다.이 입력 필드에서 단어를 끌어와 이동식 태그 / 키워드로 다음 항목의 모양으로 표시됩니다.MasterBlaster를 어떻게 간단한 태그 입력 필드를 작성하는 개발자를 표시하는 예와 함께 제공 이 릴리스의 새로운 기능 무엇 :. 이 매니페스트 파일에서 수정 된...