Semantic UI

시맨틱 UI는 UI 위젯의 풍부한 제공에 초점을하지뿐만 아니라, 그냥보고 누군가가 코드가 무엇을하는지 알 수 있도록 이러한 구성 요소가 기록하는 방법에 초점을 맞추고있다.

는 이렇게함으로써, 시맨틱 전원의 UI뿐만 아니라 쓰기 쉬운, 그러나 쉽게 나중에 지점에서 수정합니다.

시맨틱 UI는 상자의 기성 구성 요소를 충분히 제공과 CSS 및 LESS.

에서 사용할 수 있습니다

이 릴리스의 새로운 기능입니다 무엇 :

새로운 UI :
컨테이너 - 컨테이너는 페이지의 내용을 유지하기위한 의미 폭 컨테이너를 고정 및 UI 페이지 격자에 대한 간단한 대안되어, 문서의 더 많은 예제를 보려면
다중 선택 - 새로운 여러 드롭 다운 유형이 추가되었습니다. 많은 새로운 드롭 개선은 API 요청을 통해 태깅 / 토큰 화 기능 및로드 데이터를 포함하는 추가되었다.
삽입 - 새 삽입 구성 요소는 가로 세로 비율을 유지 반응에 iframe 퍼가기 수 있습니다. 삽입은 사용자가 동영상과 상호 작용하도록 선택 될 때까지 타사 라이브러리를 로딩하지 않도록하는 콘텐츠 플레이스 홀더와 함께 무비 또는 메오 동영상에 사용될 수있다.
주요 개선 사항 :
사이트 - 추가 된 새로운 색상은 갈색과 회색 보라색, 올리브. 이러한 색상 변화와 모든 요소에서 사용할 수 있습니다.
API - API는 이제 조롱 응답 및 사용자 지정 AJAX 요청을 사용할 수 있습니다. mockResponse는 미리 지정된 JSON 객체, 또는 동기 함수 콜백 요청을 해결하기 위해 추가되었습니다.
API mockResponseAsync 사용자 정의 비동기 요청에 대한 지원이 추가되었습니다. 이것은 당신이 AJAX 요청을 포장 할 수있다 엠버 또는 각도와 같은 라이브러리와 통합을 돕는, API 요청을 해결하기 위해 사용자 정의 비동기 콜백을 지정할 수 있습니다.
API - API 콜백 지금은 성공 또는 실패 조건에 대한 다른 콜백에 의해 구문 분석하기 전에 서버의 응답을 조정할 수 있습니다 onResponse 콜백 있습니다.
'지역'- API API는 이제 캐시를 사용하여 동일한 URL에 대한 서버 라운드 트립을 방지하기 위해 설정 로컬 캐싱을 제공합니다. 이 옵션은 기본적으로 사용되지 않습니다. 로컬 캐싱은 자동 완성을 조회 할 때 예를 들어, 하나의 세션에서 동일한 값을 반환해야 결과에 유용합니다.
카드 - 카드는 현재 다수의 사용자 정의 컨텐츠 블록을 지원합니다. 콘텐츠 블록과 이미지는 이제 임의의 순서로 나타날 수 있습니다.
체크 박스 - 체크 박스가 더 이상 작동하려면 자바 스크립트가 필요하지 않습니다.
체크 박스 - 새로운 스타일링과 함께, 불확정 체크 박스에 대한 지원을 추가했습니다.
체크 박스 - 이제 확인 대 체크 세트 콜백을 호출하지 않고 상태 변경을 트리거하기위한 별도의 행동을 포함
드롭 다운 - 드롭 다운 메뉴에 추가 된 원격 API 통합 검색 선택은 원격 데이터 집합에 대해 쿼리 할 수​​ 있습니다.
주차 - 조광기는 이제 희미 할 때 유리 같은 효과를 적용 흐리게 변화를
드롭 다운은 - 드롭 다운이 자동으로 메뉴의 변화를 관찰하고 새로운 추가와 선택 캐시를 업데이트합니다
드롭 다운 - 모든 검색 선택 드롭 다운 (멀티 / 싱글) allowAdditions를 사용하여 사용자 정의 선택을 추가 할 수있는 기능 추가 : 사실 설정. 검색은 현재 모든 경우에 어떤 결과에 오류 메시지를 표시합니다.
드롭 다운 - 키보드 바로 가기 nativebehavior 비슷한, 국가 선택 목록에에 "뉴욕"스크롤 예를 들어, 드롭 다운 선택을 선택 "N"추가되었습니다.
드롭 다운 - 드롭 다운 메뉴를 스크롤 메뉴를 스크롤 새 드롭 다운 변화를 추가,이는 드롭 다운 메뉴 내부 스크롤 부분을 포함 할 수 있습니다.
드롭 - 아래에 표시하기에 충분한 공간이 없으면 드롭 다운 자동 상향 애니메이션화된다.
드롭 다운 - 사용 페이지 Up 및 Page Down 키는 이제 한 번에 한 페이지로 메뉴를 스크롤
양식 - 양식은 이제 필드 그룹을 만드는 인 flexbox를 사용합니다. 인라인 필드는 이제 플렉스 사용 (x)의 다양한 크기를 지원
그리드 - 그리드 지금 인 flexbox를 사용, 열은 이제 기본적으로 모든 동일한 높이입니다. 스트레칭과 같은 새로운 인 flexbox 정렬 유형은 쉽게 수직 정렬을 위해 추가되었습니다.
- 여러 UI 많은 구성 요소는 현재 글꼴 크기와 같은 이전의 혼란 수정을 의미 인 flexbox 사용 : 0; 인라인 블록에서 공백을 제거하는 것은 더 이상 필요하지 않습니다. 이 해킹을 제거, 지금 어떤 요소가 그리드 또는 메뉴의 직접적인 자식 수 있다는 것을 의미합니다.
모달 - 흐리게 자동 반전 또는 흐리게 하나에 모달의 디머 설정하는 반전 된 새로운 설정을 추가했습니다.
메뉴 - 메뉴는 지금 인 flexbox를 사용합니다. 이 메뉴 항목에 관계없이 각 항목의 콘텐츠 크기의 서로 다른 높이를 일치시킬 수 있습니다. 오른쪽 메뉴의 컨텐츠는 현재 (더 이상 플로트를 사용하지 않습니다) 대신 이전의 다른 메뉴의 컨텐츠를 따라야합니다.
그리드 - 그리드는 지금 인 flexbox과 기본적으로 동일한 높이와 동일한 높이 변화는 안전하게 제거 할 수 있습니다
팝업이 - 팝업 여러 위치 테스트 특히 성능을 대폭 향상시키기 위해 재 작성되었다.
전환 - 대체 자바 스크립트 애니메이션 드롭 다운과 성능을 높이기 위해 팝업과 같은 UI 구성 요소에서 제거되었습니다. 숨겨진 파일 크기를 줄일 : 눈에 보이는 : 애니메이션이 비싼 의사 같은 선택기에 대한 필요성을 제거합니다.
양식 유효성 검사 - 폼 검증은 이제 하나의 설정이 다른 모듈과 같은 개체를 사용합니다. (필드, 설정)을 사용하여 계속 작동하지만 콘솔에서 중단 알림을 생성합니다
양식 유효성 검사 - 양식 유효성 검사는 현재 몇 가지 특별히 여러 선택 값으로 사용을 포함하여 많은 새로운 유효성 검사 규칙을 지원합니다.
아이템 - 아이템은 이제 레이아웃 인 flexbox를 사용합니다.
메시지 - 아이콘 메시지는 이제 레이아웃 인 flexbox를 사용
메뉴 - 수직 표 메뉴, 수직 탭 메뉴가 추가되었습니다
입력 - 모든 입력 유형 레이아웃 인 flexbox를 사용
세그먼트 - 세그먼트는 현재 세그먼트 그룹은 그룹 내에 표시하는 방법에 대한 복잡한 중첩, 많은 새로운 규칙을 지원
세그먼트 - 새로운 수평 세그먼트 그룹 레이아웃을 만든다 자동 크기 조정 텍스트 열을 훨씬 쉽게.
사이드 바 - 사이드를 사용하는 경우 아이폰 OS가 올바르게 문서 또는 신체에 대한 scrollTop 값을보고합니다. iOS에서 크롬은 더 이상 사이드를 사용하는 경우 즉시 고집하지 고정 컨텐츠에 문제가 없습니다.
모양 - 모양이 올바르게 측면에서 마진 조정
단계 - 단계는 이제 각 단계 내에서, 유체 단계 해주기 중심 내용 인 flexbox를 사용
단계 - 단계는 더 이상 항목을 계산하지 않아도 자동으로 균등하게 분할됩니다
전환 - 전환 코드 성능을 향상시키기 위해 최적화되었다. 첫 번째 애니메이션 100 % 향상, 이후 애니메이션을 40 % 개선.
가시성 - ({유형 : '고정'}) .visibility 사용이 자동으로이 뷰포트에 연결되어있는 경우 요소와 장소를 교환하는 자리 요소를 추가합니다. 이것은 고정 컨텐츠가 대폭 간단해야한다.
가시성 - 가시성 및 스티커는 이제 컨텍스트 스크롤에 하나의 이벤트를 연결하는 더 확대됨에 술집 / 서브 패턴을 사용합니다.
가시성 - 두 개의 새로운 가시성 콜백을 추가 onOnScreen 발생할 onOffScreen은 가장 분명히 요소는 첫 번째 또는 브라우저의 뷰포트에서 나타날 때.
향상된 기능 :
사이트 - 더 테두리 색상, 악센트, 색상과 함께 모든 UI inputPadding에서 입력 크기를 제어하는​​ 기능을 포함하여 많은 새로운 사이트 변수를 추가했습니다.
아코디언은 -으로 onOpen,으로 onClose로 이동 (애니메이션 전) onOpening 및 onClosing 콜백을 추가 (애니메이션 후)
아코디언 - 아코디언 트리거 이벤트를 지정하는 설정에 추가했습니다.
활동 피드 - 활동 피드 인 flexbox를 사용하도록 다시 작성되었습니다
API - API는 이제 새로운 설정 throttleFirstRequest과 interruptRequests 있습니다. 새 요청을 할 때 인터럽트 요청 요소에 이전 요청을 중단합니다. throttleFirstRequest는 스로틀 기간이 지정되면 제 요청하거나 단지 후속 요청 스로틀할지 여부를 설정한다.
도구를 구축 - 테마 파일이 없거나 요소가 사용할 수없는 테마를 지정하는 경우 빌드 도구는 이제 사전 지정된 오류를 표시합니다.
도구를 빌드 - 조정 site.variables 지금 대신 site.less의 모든 UI를 재 구축한다
버튼 - 추가 : 모든 버튼 형식의 초점 스타일은 문서에있는 모든 버튼의 예는 지금 키보드 중 하나를 사용하여 포커스 또는 tabIndex를 적합하다.
카드 - 카드는 이제 중심의 변화를 포함
체크 박스 - 체크 박스는 이제 정상적으로 올바른 행동은 아동의 입력 요소 대신 UI를 체크 박스에 호출됩니다.
체크 박스 - 아이콘 폰트의 감소 킬로바이트 크기
디바이더 - UI 그리드 내부의 수직 분할은 이제 열 패딩을 차지
드롭 다운 - 상자의 스크롤 메뉴는 이제 키보드 선택을 지원, 예를 들어, 사과에 대해 "A"를 누르면 키보드 스크롤.
드롭 다운 - 드롭 다운 이제 텍스트, 값 또는 두 가지 모두에 일치할지 여부를 지정 일치하는 설정이
드롭 다운 - 멀티 선택 드롭 다운 이제 최대 선택 수를 지정하기위한 새로운 설정이
드롭 다운 - 드롭 다운 자바 스크립트에서 자리 표시 자 텍스트를 설정하기위한 새로운 틀의 설정이
드롭 다운 - 당신이 드롭 다운 메뉴에 초점에 표시할지 여부를 지정할 수 있습니다 추​​가 showOnFocus 옵션
드롭 다운 - fullTextSearch : 사실 지금 ​​퍼지 검색을 사용 (동일한 UI를 검색 등)
드롭 - 다운 페이지 현재 페이지 최대 드롭 다운 메뉴와 함께 작동
드롭 다운 - 옵션에 사용할 소품으로 초기화 드롭 다운이 올바르게 비활성화되어 나타납니다
드롭 다운 - 추가 비활성화 항목 상태, 사용할 수없는 항목이 자동으로 키보드 선택으로 건너 뜁니다
양식 - 자동 완성 된 오류를 포함하여 브라우저에 의해 자동 완성 양식 필드를위한 새로운 스타일의 호스트를 추가하고, 상태를 초점
양식 - IE, MS-입력 자리에 대한 추가 자리 색상 규칙
양식 - ERRORED 필드 드롭 다운 키보드 선택 색상을 수정
양식 - 양식 성공 상태를 추가합니다
양식 유효성 검사 - 양식이 유효한 경우 라이트, 참 / 거짓 올바른 행동을 반환
양식 유효성 검사 - 추가 된 다른 [필드] 규칙 필드를 필요로 다른 필드와 다를 수하는
양식 유효성 검사 - 데이터 유효성 검증은 이제 이름이나 ID와 같은 다른 검증 매칭 방식보다 우선합니다
양식 유효성 검사 - 사용자 정의 정규 표현식에 일치하는 새로운 규칙
양식 유효성 검사 - 양식 유효성 검사는 이제 다중 선택의 유효성을 확인하는 minCount, MAXCOUNT 및 exactCount이
그리드 - 그리드 응답 변화를 배와 함께 사용하면 단세포 그리드는 이제 모바일 및 태블릿에서 내부 세포를 제거합니다.
그리드 - 대형 전용 스크린과 그리드에만 반응 변화 와이드 스크린을 추가했습니다.
그리드 - 동일한 폭 그리드는 현재 행 래퍼없이 작동
그리드 - 행은 지금 중간이 정렬, 하단 정렬 상단 정렬뿐만 아니라 신장 될 수 있습니다!
그리드 - 내부적으로 연속 기포 그리드에 고정 마진
- 그리드 단세포 내부적으로 연속 기포 그리드는 이제 대신 디스플레이 인 flexbox 사용 테이블;
헤더 - 텍스트 콘텐츠와 함께 작은 헤더를 표시하는 데 유용 새로운 헤더 형 서브 헤더를 추가했습니다. 헤더 문서의 예를 참조하십시오
이미지 - 이미지는 이제 텍스트로 인라인 사용할 때 이미지를 공백 주위를 추가하기위한 간격 변화를 포함한다.
입력 - IE, MS-입력 자리에 대한 추가 자리 색상 규칙
입력 - 액션 입력은 이제 여러 버튼, 드롭 다운 메뉴를 지원합니다
라벨 - 라벨이 활성화 활성 호버 상태가
라벨 - 라벨 이미지를 사용하지 않을 때 라벨 지금도 IMG 높이를 설정
목록 - UI리스트 내의 모든 콘텐츠는 이제 수직으로 정렬 할 수 있습니다
메뉴 - 고정 메뉴의 예 / 문서 추가
메뉴 - 간단한 응답 메뉴를 추가 스택 메뉴의 변화
메뉴 - 메뉴에 추가 된 많은 새로운 변수
메뉴 - 메뉴 항목으로 나타나는 메뉴 안에 드롭 다운 항목에 대한 몇 가지 상속 문제가 수정되었습니다.
메뉴 - 수평 메뉴는 현재 이미지에 대한 기본 이미지 크기를 설정 / 로고
메뉴 - 메뉴 항목이 약간 더욱 패딩입니다
메뉴 - 드롭 다운 항목의 마우스 오버 / 활성 상태가 항목을 일치하도록 조정되었습니다. 드롭 다운 스타일은 특별히 메뉴 내에서 테마 할 수 있습니다.
메뉴 - 수직 드롭 다운 메뉴는 100 % 최소 폭 더 이상 없다
모달 - 모달은 더욱 미묘하고 긴 모달 콘텐츠를 더 잘 작동합니다 기본 테마의 전환에 조정 된 스케일을 사용합니다.
모달 - 모달 onApprove 및 onDeny 이제 첫 번째 매개 변수로 활성 소자를받을 수 있습니다. 클릭에 요소를 숨기고 피하기 위해 거짓 반환을 사용하는 방법에 대한 추가 문서.
모달 - 모달 콘텐츠 해주기 플렉스 사용 이미지 콘텐츠 해주기 플렉스 스타일링 있도록 부모에 이미지 콘텐츠 클래스를 필요로한다.
팝업 - 애니메이션이 소자가 배치되는 방향에 의해 영향을받을 수 있도록 해주기 팝업 변환 - 원점을 정의
팝업 -에서 onShow 및 onHide 콜백은 이제 표시 또는 false를 반환하여 숨어에서 팝업을 취소 할 수 있습니다
팝업 - 팝업 미니에 대한 추가 더 크기 변화, 작은
진행 - 표시 라벨은 이제 나타내는 바 색상에서 더 많은 읽을 사용 별도의 CSS를 변수
공개 - 추가 사용자가 프로그래밍 공개 표시 할 수 있습니다 새로운 활성 상태를
검색 - 캐시는 현재 $를 사용하여 해제 할 수있는 검색 ( '캐시 지우기를') ( '검색하십시오.').
세그먼트 - 패딩 추가 매우 패딩 세그먼트의 변화
검색 - 검색은 이제 결과를 검색 결과의 위치에 의해 생성 된 고유 ID를 운영하고 있습니다. 예를 카테고리 1의 첫 번째 결과를 들어 'A1'입니다. 이전 타이틀 제목을 포함하지 않는 중복 제목, 또는 결과에 문제가 발생할 수 있습니다 자신의 "아이디"로 사용되었다 결과.
검색 - 유형을 사용하는 경우 검색이 자동으로 클래스 범주를 추가합니다 : 카테고리를.
검색 - 하나는 초기화에없는 경우 검색은 이제 결과 컨테이너를 생성합니다
검색 - 검색은 이제 확신이 주위의 내용으로 크기가 조정됩니다하고, 크기를 조절을 위해 그들을 사용
검색 - 검색 프롬프트는 이제 UI 입력을 사용하지 않을 경우 정의 된 스타일에 포커스가
세그먼트 - clearfix이 필요합니다 경우에 청산 세그먼트를 추가했습니다.
사이드 바 - 성능 디버깅을 통해 향상된 애니메이션 성능을 제공합니다. 사이드 바는 현재, 폭, 높이, 하중에 RTL 방향을 캐시합니다.
사이트 - 고정 혼합 전역의 @defaultDuration 및 @transitionDuration 사용이 @defaultEasing 및 @transitionEasing에 대한 모든 UI @defaultDuration에서 동일한을 하나의 변수를 사용하는
사이트 - pageOverflowX 변수에 추가는 기본 테마는 몸에 가로 스크롤 막대를 숨 깁니다
사이트 - 모든 색상 변형 추가 기본 포커스 색상
사이트 - 모든 부동 / 제기 변형이 쉬워 테마 만드는 글로벌 @floatedShadow에서 상속
스티커 - cantFit 스크롤에 DOM 속성을 묻지 않게하려면 true = 때 스티커는 지금 내부적으로 현재 스크롤 위치를 캐시합니다.
통계 - 세 가지 통계 예를 들어, 새로운 균등 분할 그룹의 변화를 추가 행당 3 보여줍니다
통계 - Statitic 그룹은 지금 플렉스 사용합니다. 스타일이 업데이트되었습니다.
단계 - 추가 부착 단계, 현재 세그먼트와 같은 다른 UI에 부착 될 수있다
탭 - 탭 것이다 숨겨진 탭의 페이지 앵커에 링크 이제 수동으로 올바른 페이지 스크롤 위치
탭 - 추가 된 새로운 콜백 onTabVisible 및 onRequest
탭 - 추가 parseScripts 옵션, 디폴트는 한 번만 첫 번째로드 인라인 스크립트를 해석하기
표 - 유혹 할 때 행에 효과를 가져 보여줍니다 선택 테이블에 변화를 추가합니다
표 - ▽를 테이블에 추가 수직 정렬의 변화
표 - 포장에서 텍스트를 방지 추가 한 줄에 나타난 변화
전환 - 전환이 완료된 후 전환하는 동안 스타일이나 클래스 조정은, 더 이상 변화를 재설정하지 않습니다.
전환 - 전환은 더 이상 볼 강제로 / onComplete를 콜백 가시성을 설정하면 인라인 스타일로 숨겨져.
가시성 / 스티커 - 가시성 및 스티커 이제 이미지로드에서의 위치 변화에 대처하기 위해 페이지의 콘텐츠 로딩 후 자동으로 새로 고침
가시성 / 스티커는 - 가시성은 이제 여러 이벤트를 부착 할 때 크게 스크롤 성능을 향상시키기 위해 술집 / 서브 패턴을 사용하여
가시성 - 가시성 가시성 콜백은 크기를 조정하거나 새로 고침 발생할지 여부를 결정하는 새로운 설정 checkOnRefresh를 포함
가시성 - 가시성 이미지는 이제 단지 아래, 현재 화면 위치 위에있는 게으른로드 이미지를 기다립니다.

버전 2.1.4의 새로운 기능 :

새로운 UI :
컨테이너 - 컨테이너는 페이지의 내용을 유지하기위한 의미 폭 컨테이너를 고정 및 UI 페이지 격자에 대한 간단한 대안되어, 문서의 더 많은 예제를 보려면
다중 선택 - 새로운 여러 드롭 다운 유형이 추가되었습니다. 많은 새로운 드롭 개선은 API 요청을 통해 태깅 / 토큰 화 기능 및로드 데이터를 포함하는 추가되었다.
삽입 - 새 삽입 구성 요소는 가로 세로 비율을 유지 반응에 iframe 퍼가기 수 있습니다. 삽입은 사용자가 동영상과 상호 작용하도록 선택 될 때까지 타사 라이브러리를 로딩하지 않도록하는 콘텐츠 플레이스 홀더와 함께 무비 또는 메오 동영상에 사용될 수있다.
주요 개선 사항 :
사이트 - 추가 된 새로운 색상은 갈색과 회색 보라색, 올리브. 이러한 색상 변화와 모든 요소에서 사용할 수 있습니다.
API - API는 이제 조롱 응답 및 사용자 지정 AJAX 요청을 사용할 수 있습니다. mockResponse는 미리 지정된 JSON 객체, 또는 동기 함수 콜백 요청을 해결하기 위해 추가되었습니다.
API mockResponseAsync 사용자 정의 비동기 요청에 대한 지원이 추가되었습니다. 이것은 당신이 AJAX 요청을 포장 할 수있다 엠버 또는 각도와 같은 라이브러리와 통합을 돕는, API 요청을 해결하기 위해 사용자 정의 비동기 콜백을 지정할 수 있습니다.
API - API 콜백 지금은 성공 또는 실패 조건에 대한 다른 콜백에 의해 구문 분석하기 전에 서버의 응답을 조정할 수 있습니다 onResponse 콜백 있습니다.
'지역'- API API는 이제 캐시를 사용하여 동일한 URL에 대한 서버 라운드 트립을 방지하기 위해 설정 로컬 캐싱을 제공합니다. 이 옵션은 기본적으로 사용되지 않습니다. 로컬 캐싱은 자동 완성을 조회 할 때 예를 들어, 하나의 세션에서 동일한 값을 반환해야 결과에 유용합니다.
카드 - 카드는 현재 다수의 사용자 정의 컨텐츠 블록을 지원합니다. 콘텐츠 블록과 이미지는 이제 임의의 순서로 나타날 수 있습니다.
체크 박스 - 체크 박스가 더 이상 작동하려면 자바 스크립트가 필요하지 않습니다.
체크 박스 - 새로운 스타일링과 함께, 불확정 체크 박스에 대한 지원을 추가했습니다.
체크 박스 - 이제 확인 대 체크 세트 콜백을 호출하지 않고 상태 변경을 트리거하기위한 별도의 행동을 포함
드롭 다운 - 드롭 다운 메뉴에 추가 된 원격 API 통합 검색 선택은 원격 데이터 집합에 대해 쿼리 할 수​​ 있습니다.
주차 - 조광기는 이제 희미 할 때 유리 같은 효과를 적용 흐리게 변화를
드롭 다운은 - 드롭 다운이 자동으로 메뉴의 변화를 관찰하고 새로운 추가와 선택 캐시를 업데이트합니다
드롭 다운 - 모든 검색 선택 드롭 다운 (멀티 / 싱글) allowAdditions를 사용하여 사용자 정의 선택을 추가 할 수있는 기능 추가 : 사실 설정. 검색은 현재 모든 경우에 어떤 결과에 오류 메시지를 표시합니다.
드롭 다운 - 키보드 바로 가기 nativebehavior 비슷한, 국가 선택 목록에에 "뉴욕"스크롤 예를 들어, 드롭 다운 선택을 선택 "N"추가되었습니다.
드롭 다운 - 드롭 다운 메뉴를 스크롤 메뉴를 스크롤 새 드롭 다운 변화를 추가,이는 드롭 다운 메뉴 내부 스크롤 부분을 포함 할 수 있습니다.
드롭 - 아래에 표시하기에 충분한 공간이 없으면 드롭 다운 자동 상향 애니메이션화된다.
드롭 다운 - 사용 페이지 Up 및 Page Down 키는 이제 한 번에 한 페이지로 메뉴를 스크롤
양식 - 양식은 이제 필드 그룹을 만드는 인 flexbox를 사용합니다. 인라인 필드는 이제 플렉스 사용 (x)의 다양한 크기를 지원
그리드 - 그리드 지금 인 flexbox를 사용, 열은 이제 기본적으로 모든 동일한 높이입니다. 스트레칭과 같은 새로운 인 flexbox 정렬 유형은 쉽게 수직 정렬을 위해 추가되었습니다.
- 여러 UI 많은 구성 요소는 현재 글꼴 크기와 같은 이전의 혼란 수정을 의미 인 flexbox 사용 : 0; 인라인 블록에서 공백을 제거하는 것은 더 이상 필요하지 않습니다. 이 해킹을 제거, 지금 어떤 요소가 그리드 또는 메뉴의 직접적인 자식 수 있다는 것을 의미합니다.
모달 - 흐리게 자동 반전 또는 흐리게 하나에 모달의 디머 설정하는 반전 된 새로운 설정을 추가했습니다.
메뉴 - 메뉴는 지금 인 flexbox를 사용합니다. 이 메뉴 항목에 관계없이 각 항목의 콘텐츠 크기의 서로 다른 높이를 일치시킬 수 있습니다. 오른쪽 메뉴의 컨텐츠는 현재 (더 이상 플로트를 사용하지 않습니다) 대신 이전의 다른 메뉴의 컨텐츠를 따라야합니다.
그리드 - 그리드는 지금 인 flexbox과 기본적으로 동일한 높이와 동일한 높이 변화는 안전하게 제거 할 수 있습니다
팝업이 - 팝업 여러 위치 테스트 특히 성능을 대폭 향상시키기 위해 재 작성되었다.
전환 - 대체 자바 스크립트 애니메이션 드롭 다운과 성능을 높이기 위해 팝업과 같은 UI 구성 요소에서 제거되었습니다. 숨겨진 파일 크기를 줄일 : 눈에 보이는 : 애니메이션이 비싼 의사 같은 선택기에 대한 필요성을 제거합니다.
양식 유효성 검사 - 폼 검증은 이제 하나의 설정이 다른 모듈과 같은 개체를 사용합니다. (필드, 설정)을 사용하여 계속 작동하지만 콘솔에서 중단 알림을 생성합니다
양식 유효성 검사 - 양식 유효성 검사는 현재 몇 가지 특별히 여러 선택 값으로 사용을 포함하여 많은 새로운 유효성 검사 규칙을 지원합니다.
아이템 - 아이템은 이제 레이아웃 인 flexbox를 사용합니다.
메시지 - 아이콘 메시지는 이제 레이아웃 인 flexbox를 사용
메뉴 - 수직 표 메뉴, 수직 탭 메뉴가 추가되었습니다
입력 - 모든 입력 유형 레이아웃 인 flexbox를 사용
세그먼트 - 세그먼트는 현재 세그먼트 그룹은 그룹 내에 표시하는 방법에 대한 복잡한 중첩, 많은 새로운 규칙을 지원
세그먼트 - 새로운 수평 세그먼트 그룹 레이아웃을 만든다 자동 크기 조정 텍스트 열을 훨씬 쉽게.
사이드 바 - 사이드를 사용하는 경우 아이폰 OS가 올바르게 문서 또는 신체에 대한 scrollTop 값을보고합니다. iOS에서 크롬은 더 이상 사이드를 사용하는 경우 즉시 고집하지 고정 컨텐츠에 문제가 없습니다.
모양 - 모양이 올바르게 측면에서 마진 조정
단계 - 단계는 이제 각 단계 내에서, 유체 단계 해주기 중심 내용 인 flexbox를 사용
단계 - 단계는 더 이상 항목을 계산하지 않아도 자동으로 균등하게 분할됩니다
전환 - 전환 코드 성능을 향상시키기 위해 최적화되었다. 첫 번째 애니메이션 100 % 향상, 이후 애니메이션을 40 % 개선.
가시성 - ({유형 : '고정'}) .visibility 사용이 자동으로이 뷰포트에 연결되어있는 경우 요소와 장소를 교환하는 자리 요소를 추가합니다. 이것은 고정 컨텐츠가 대폭 간단해야한다.
가시성 - 가시성 및 스티커는 이제 컨텍스트 스크롤에 하나의 이벤트를 연결하는 더 확대됨에 술집 / 서브 패턴을 사용합니다.
가시성 - 두 개의 새로운 가시성 콜백을 추가 onOnScreen 발생할 onOffScreen은 가장 분명히 요소는 첫 번째 또는 브라우저의 뷰포트에서 나타날 때.
향상된 기능 :
사이트 - 더 테두리 색상, 악센트, 색상과 함께 모든 UI inputPadding에서 입력 크기를 제어하는​​ 기능을 포함하여 많은 새로운 사이트 변수를 추가했습니다.
아코디언은 -으로 onOpen,으로 onClose로 이동 (애니메이션 전) onOpening 및 onClosing 콜백을 추가 (애니메이션 후)
아코디언 - 아코디언 트리거 이벤트를 지정하는 설정에 추가했습니다.
활동 피드 - 활동 피드 인 flexbox를 사용하도록 다시 작성되었습니다
API - API는 이제 새로운 설정 throttleFirstRequest과 interruptRequests 있습니다. 새 요청을 할 때 인터럽트 요청 요소에 이전 요청을 중단합니다. throttleFirstRequest는 스로틀 기간이 지정되면 제 요청하거나 단지 후속 요청 스로틀할지 여부를 설정한다.
도구를 구축 - 테마 파일이 없거나 요소가 사용할 수없는 테마를 지정하는 경우 빌드 도구는 이제 사전 지정된 오류를 표시합니다.
도구를 빌드 - 조정 site.variables 지금 대신 site.less의 모든 UI를 재 구축한다
버튼 - 추가 : 모든 버튼 형식의 초점 스타일은 문서에있는 모든 버튼의 예는 지금 키보드 중 하나를 사용하여 포커스 또는 tabIndex를 적합하다.
카드 - 카드는 이제 중심의 변화를 포함
체크 박스 - 체크 박스는 이제 정상적으로 올바른 행동은 아동의 입력 요소 대신 UI를 체크 박스에 호출됩니다.
체크 박스 - 아이콘 폰트의 감소 킬로바이트 크기
디바이더 - UI 그리드 내부의 수직 분할은 이제 열 패딩을 차지
드롭 다운 - 상자의 스크롤 메뉴는 이제 키보드 선택을 지원, 예를 들어, 사과에 대해 "A"를 누르면 키보드 스크롤.
드롭 다운 - 드롭 다운 이제 텍스트, 값 또는 두 가지 모두에 일치할지 여부를 지정 일치하는 설정이
드롭 다운 - 멀티 선택 드롭 다운 이제 최대 선택 수를 지정하기위한 새로운 설정이
드롭 다운 - 드롭 다운 자바 스크립트에서 자리 표시 자 텍스트를 설정하기위한 새로운 틀의 설정이
드롭 다운 - 당신이 드롭 다운 메뉴에 초점에 표시할지 여부를 지정할 수 있습니다 추​​가 showOnFocus 옵션
드롭 다운 - fullTextSearch : 사실 지금 ​​퍼지 검색을 사용 (동일한 UI를 검색 등)
드롭 - 다운 페이지 현재 페이지 최대 드롭 다운 메뉴와 함께 작동
드롭 다운 - 옵션에 사용할 소품으로 초기화 드롭 다운이 올바르게 비활성화되어 나타납니다
드롭 다운 - 추가 비활성화 항목 상태, 사용할 수없는 항목이 자동으로 키보드 선택으로 건너 뜁니다
양식 - 자동 완성 된 오류를 포함하여 브라우저에 의해 자동 완성 양식 필드를위한 새로운 스타일의 호스트를 추가하고, 상태를 초점
양식 - IE, MS-입력 자리에 대한 추가 자리 색상 규칙
양식 - ERRORED 필드 드롭 다운 키보드 선택 색상을 수정
양식 - 양식 성공 상태를 추가합니다
양식 유효성 검사 - 양식이 유효한 경우 라이트, 참 / 거짓 올바른 행동을 반환
양식 유효성 검사 - 추가 된 다른 [필드] 규칙 필드를 필요로 다른 필드와 다를 수하는
양식 유효성 검사 - 데이터 유효성 검증은 이제 이름이나 ID와 같은 다른 검증 매칭 방식보다 우선합니다
양식 유효성 검사 - 사용자 정의 정규 표현식에 일치하는 새로운 규칙
양식 유효성 검사 - 양식 유효성 검사는 이제 다중 선택의 유효성을 확인하는 minCount, MAXCOUNT 및 exactCount이
그리드 - 그리드 응답 변화를 배와 함께 사용하면 단세포 그리드는 이제 모바일 및 태블릿에서 내부 세포를 제거합니다.
그리드 - 대형 전용 스크린과 그리드에만 반응 변화 와이드 스크린을 추가했습니다.
그리드 - 동일한 폭 그리드는 현재 행 래퍼없이 작동
그리드 - 행은 지금 중간이 정렬, 하단 정렬 상단 정렬뿐만 아니라 신장 될 수 있습니다!
그리드 - 내부적으로 연속 기포 그리드에 고정 마진
- 그리드 단세포 내부적으로 연속 기포 그리드는 이제 대신 디스플레이 인 flexbox 사용 테이블;
헤더 - 텍스트 콘텐츠와 함께 작은 헤더를 표시하는 데 유용 새로운 헤더 형 서브 헤더를 추가했습니다. 헤더 문서의 예를 참조하십시오
이미지 - 이미지는 이제 텍스트로 인라인 사용할 때 이미지를 공백 주위를 추가하기위한 간격 변화를 포함한다.
입력 - IE, MS-입력 자리에 대한 추가 자리 색상 규칙
입력 - 액션 입력은 이제 여러 버튼, 드롭 다운 메뉴를 지원합니다
라벨 - 라벨이 활성화 활성 호버 상태가
라벨 - 라벨 이미지를 사용하지 않을 때 라벨 지금도 IMG 높이를 설정
목록 - UI리스트 내의 모든 콘텐츠는 이제 수직으로 정렬 할 수 있습니다
메뉴 - 고정 메뉴의 예 / 문서 추가
메뉴 - 간단한 응답 메뉴를 추가 스택 메뉴의 변화
메뉴 - 메뉴에 추가 된 많은 새로운 변수
메뉴 - 메뉴 항목으로 나타나는 메뉴 안에 드롭 다운 항목에 대한 몇 가지 상속 문제가 수정되었습니다.
메뉴 - 수평 메뉴는 현재 이미지에 대한 기본 이미지 크기를 설정 / 로고
메뉴 - 메뉴 항목이 약간 더욱 패딩입니다
메뉴 - 드롭 다운 항목의 마우스 오버 / 활성 상태가 항목을 일치하도록 조정되었습니다. 드롭 다운 스타일은 특별히 메뉴 내에서 테마 할 수 있습니다.
메뉴 - 수직 드롭 다운 메뉴는 100 % 최소 폭 더 이상 없다
모달 - 모달은 더욱 미묘하고 긴 모달 콘텐츠를 더 잘 작동합니다 기본 테마의 전환에 조정 된 스케일을 사용합니다.
모달 - 모달 onApprove 및 onDeny 이제 첫 번째 매개 변수로 활성 소자를받을 수 있습니다. 클릭에 요소를 숨기고 피하기 위해 거짓 반환을 사용하는 방법에 대한 추가 문서.
모달 - 모달 콘텐츠 해주기 플렉스 사용 이미지 콘텐츠 해주기 플렉스 스타일링 있도록 부모에 이미지 콘텐츠 클래스를 필요로한다.
팝업 - 애니메이션이 소자가 배치되는 방향에 의해 영향을받을 수 있도록 해주기 팝업 변환 - 원점을 정의
팝업 -에서 onShow 및 onHide 콜백은 이제 표시 또는 false를 반환하여 숨어에서 팝업을 취소 할 수 있습니다
팝업 - 팝업 미니에 대한 추가 더 크기 변화, 작은
진행 - 표시 라벨은 이제 나타내는 바 색상에서 더 많은 읽을 사용 별도의 CSS를 변수
공개 - 추가 사용자가 프로그래밍 공개 표시 할 수 있습니다 새로운 활성 상태를
검색 - 캐시는 현재 $를 사용하여 해제 할 수있는 검색 ( '캐시 지우기를') ( '검색하십시오.').
세그먼트 - 패딩 추가 매우 패딩 세그먼트의 변화
검색 - 검색은 이제 결과를 검색 결과의 위치에 의해 생성 된 고유 ID를 운영하고 있습니다. 예를 카테고리 1의 첫 번째 결과를 들어 'A1'입니다. 이전 타이틀 제목을 포함하지 않는 중복 제목, 또는 결과에 문제가 발생할 수 있습니다 자신의 "아이디"로 사용되었다 결과.
검색 - 유형을 사용하는 경우 검색이 자동으로 클래스 범주를 추가합니다 : 카테고리를.
검색 - 하나는 초기화에없는 경우 검색은 이제 결과 컨테이너를 생성합니다
검색 - 검색은 이제 확신이 주위의 내용으로 크기가 조정됩니다하고, 크기를 조절을 위해 그들을 사용
검색 - 검색 프롬프트는 이제 UI 입력을 사용하지 않을 경우 정의 된 스타일에 포커스가
세그먼트 - clearfix이 필요합니다 경우에 청산 세그먼트를 추가했습니다.
사이드 바 - 성능 디버깅을 통해 향상된 애니메이션 성능을 제공합니다. 사이드 바는 현재, 폭, 높이, 하중에 RTL 방향을 캐시합니다.
사이트 - 고정 혼합 전역의 @defaultDuration 및 @transitionDuration 사용이 @defaultEasing 및 @transitionEasing에 대한 모든 UI @defaultDuration에서 동일한을 하나의 변수를 사용하는
사이트 - pageOverflowX 변수에 추가는 기본 테마는 몸에 가로 스크롤 막대를 숨 깁니다
사이트 - 모든 색상 변형 추가 기본 포커스 색상
사이트 - 모든 부동 / 제기 변형이 쉬워 테마 만드는 글로벌 @floatedShadow에서 상속
스티커 - cantFit 스크롤에 DOM 속성을 묻지 않게하려면 true = 때 스티커는 지금 내부적으로 현재 스크롤 위치를 캐시합니다.
통계 - 세 가지 통계 예를 들어, 새로운 균등 분할 그룹의 변화를 추가 행당 3 보여줍니다
통계 - Statitic 그룹은 지금 플렉스 사용합니다. 스타일이 업데이트되었습니다.
단계 - 추가 부착 단계, 현재 세그먼트와 같은 다른 UI에 부착 될 수있다
탭 - 탭 것이다 숨겨진 탭의 페이지 앵커에 링크 이제 수동으로 올바른 페이지 스크롤 위치
탭 - 추가 된 새로운 콜백 onTabVisible 및 onRequest
탭 - 추가 parseScripts 옵션, 디폴트는 한 번만 첫 번째로드 인라인 스크립트를 해석하기
표 - 유혹 할 때 행에 효과를 가져 보여줍니다 선택 테이블에 변화를 추가합니다
표 - ▽를 테이블에 추가 수직 정렬의 변화
표 - 포장에서 텍스트를 방지 추가 한 줄에 나타난 변화
전환 - 전환이 완료된 후 전환하는 동안 스타일이나 클래스 조정은, 더 이상 변화를 재설정하지 않습니다.
전환 - 전환은 더 이상 볼 강제로 / onComplete를 콜백 가시성을 설정하면 인라인 스타일로 숨겨져.
가시성 / 스티커 - 가시성 및 스티커 이제 이미지로드에서의 위치 변화에 대처하기 위해 페이지의 콘텐츠 로딩 후 자동으로 새로 고침
가시성 / 스티커는 - 가시성은 이제 여러 이벤트를 부착 할 때 크게 스크롤 성능을 향상시키기 위해 술집 / 서브 패턴을 사용하여
가시성 - 가시성 가시성 콜백은 크기를 조정하거나 새로 고침 발생할지 여부를 결정하는 새로운 설정 checkOnRefresh를 포함
가시성 - 가시성 이미지는 이제 단지 아래, 현재 화면 위치 위에있는 게으른로드 이미지를 기다립니다.

버전 1.12.3의 새로운 기능 :

버그 :
드롭 다운은 - 왼쪽 고정 오른쪽 화살표가 표시 선택 드롭 다운에 입력 커서를 이동하지 않습니다. 이벤트는 실수 서브 메뉴 바로 가기 키에 의해 방지.

버전 1.12.2의 새로운 기능 :

버그 :
드롭 다운은 - 왼쪽 고정 오른쪽 화살표가 표시 선택 드롭 다운에 입력 커서를 이동하지 않습니다. 이벤트는 실수 서브 메뉴 바로 가기 키에 의해 방지.

버전 1.11.6의 새로운 기능 :

새로운 구성 요소 :
Visibiliity는 - 통과, 상단 볼 수 아래 같은 요소 가시성 조건에 볼 수 콜백을 연결합니다. 이미지 게으른로드, 무한 스크롤 콘텐츠 및 기록 추적 측정 : 같은 것들에 유용합니다.
향상된 기능 :
양식은 양식 오류에 서식 오류가 발생 - 이제
전환 - 각 애니메이션에 대한 추가보다 합리적인 기본 길이
로더 - 인라인 로더는 이제 중심의 변화가
모달 - 모달 더 이상하지 가죽과 reshows 독점 열린 다른 모달과 모달을 열 때 주차 : 사실
팝업 - 추가 전용 매개 변수 자동으로 열리지에 다른 팝업을 닫습니다
전환 - 추가 전환 행동과 쇼 문서 및 숨기기

버전 1.3.2의 새로운 기능 :

수정 :

제한 사항 :