트위터 부트 스트랩과 jQuery UI? [닫은]

기본 페이지 향상을 위해 jQuery UI를 사용하고 있습니다. 버튼 및 입력 스타일 및 모달 대화 상자. 이제 부트 스트랩을 보았는데 꽤 좋아 보입니다.

jQuery UI 사용에서 Bootstrap으로 이동 한 경험이 있습니까? 이것은 내가하려고하는 일이지만이를하기 전에 내가 직면 할 수있는 문제를 알고 싶습니다.

여러 프로젝트를 진행 중입니다.

내 의견의 가장 큰 차이점

• jQuery UI 는 대체 안전하고 올바르게 작동하며 오래된 브라우저에서 잘 보입니다. 부트 스트랩 은 CSS3을 기반으로합니다. 이는 기본적으로 새 브라우저에서는 훌륭하지 않습니다.

• 업데이트 빈도 : Bootstrap은 멋진 새로운 기능으로 큰 업데이트를 받고 있지만 슬프게도 이전 코드가 손상 될 수 있으므로 새로운 주요 릴리스가있을 때 부트 스트랩을 설치하고 업데이트 할 수 없으며 기본적으로 많은 새로운 코딩이 필요합니다

• jQuery UI는 JavaScript에서 변형 된 우수한 HTML 구조를 기반으로하며, Bootstrap은 시각적으로 사용자 정의 가능한 인라인 구조를 기반으로합니다. (JQUERY UI에서 위젯 호출, 부트 스트랩에서 정의)

무엇을 선택해야합니까?

이는 항상 작업중인 프로젝트 유형에 따라 다릅니다. 시원하고 빠르게 보이는 위젯이 더 좋습니까, 아니면 사용자가 종종 오래된 브라우저를 사용하고 있습니까?

나는 항상 두 가지를 모두 사용하므로 두 세계를 모두 사용할 수 있습니다.

사용하기로 결정한 경우 두 프레임 워크에 대한 링크는 다음과 같습니다.

1. jQuery UI
2. 부트 스트랩

트위터 부트 스트랩은 두 가지를 모두 사용하여 뛰어난 기술 세트입니다. 몇 가지 차이점이 있습니다.

• 위젯 : jQuery UI가 이겼습니다. 그것이 제공하는 날짜 위젯은 매우 유용하며 Twitter Bootstrap은 그 어떤 것도 제공하지 않습니다.
• 비계 : 부트 스트랩이 이깁니다. 유동적이고 고정 된 트위터 그리드는 최고 수준입니다. jQuery UI는 페이지 레이아웃을 최종 사용자에게 맡기는 방향을 제공하지도 않습니다.
• 즉시 사용 가능한 전문성 : CSS3을 사용하는 부트 스트랩은 앞서 나옵니다. jQuery UI는 날짜별로 비교됩니다.
• 아이콘 : 이걸로 묶을 게요. 부트 스트랩은 jQuery UI 보다 좋은 아이콘을 가지고 있지만 1 비트라는 용어는 마음에 들지 않습니다 .Glyphicons Halflings는 일반적으로 무료로 제공되지 않지만 부트 스트랩과 Glyphicons 제작자 사이의 배열은 개발자에게 무료로이를 가능하게했습니다. 감사합니다. 가능할 때마다 Glyphicon에 대한 선택적 링크를 포함하도록 요청합니다.
• 이미지 및 썸네일 : Bootstrap으로 이동 하면 jQuery UI가 여기에서도 도움이되지 않습니다.

다른 메모

• 이 두 기술이이 분야에서 어떻게 경쟁하는지 이해하는 것이 중요합니다. 겹치는 부분이 많지만 간단한 스캐 폴딩 및 고정 / 유체 생성을 원한다면 부트 스트랩이 다른 기술이 아니라면 최고의 기술입니다. 단일 위젯을 원한다면 jQuery UI가 상위 3 개도 아닐 것입니다. 현재 jQuery UI는 주로 통합 프레임 워크를 사용하여 클라이언트 측 위젯 작성을위한 일관성 및 개념 증명을위한 장난감입니다.

비교적 적은 문제로 두 가지를 모두 사용할 수 있습니다. 트위터 부트 스트랩은 jQuery 1.7.1 (이 글을 쓰는 시점)을 사용하므로 추가 Jquery UI 구성 요소를 HTML 템플릿에 통합 할 수없는 이유를 생각할 수 없습니다.

Initializr.com에 구축 된 HTML5 Boilerplate 및 Twitter Bootstrap 조합을 사용하고 있습니다. 이것은 두 개의 멋진 스타터 템플릿을 하나의 훌륭한 스타터 프로젝트로 결합합니다. http://html5boilerplate.com/ 및 http://www.initializr.com/ 에서 세부 정보를 확인 하거나 바로 시작하려면 http://www.initializr.com/으로 이동 하여 "Bootstrap 2"를 클릭하십시오. 버튼을 클릭하고 "다운로드"를 클릭하십시오. 그러면 시작하는 데 필요한 모든 js 및 cs가 제공됩니다.

그리고 HTML5와 CSS3에 의해 두려워하지 마십시오. Initializr 및 HTML5 보일러 플레이트에는 모든 기능이 IE 6, 7 8 및 9에서 작동 할 수 있도록하는 폴리 필 및 IE 특정 코드가 포함되어 있습니다.

Twitter Bootstrap에서 LESS를 사용하는 것도 선택 사항입니다. 그들은 LESS를 사용하여 Bootstrap이 사용하는 모든 CSS를 컴파일하지만 자신만의 스타일을 재정의하거나 추가하려는 경우 해당 목적을 위해 빈 CSS 파일을 제공합니다.

사용자 정의 코드를 추가 할 수있는 빈 js 파일 (script.js)도 있습니다. 여기에서 추가 jQueryUI 구성 요소에 대한 처리기 또는 선택기를 추가 할 수 있습니다.

우리는 둘 다 사용했으며, 단순성과 개발 및 향상 속도에 따라 Bootstrap을 좋아합니다. jQuery UI의 문제점은 달팽이 속도로 움직인다는 것입니다. 계획 / 개발 단계에있는 Menubar, Tree control 및 DataGrid와 같은 일반적인 기능을 출시하는 데 몇 년이 걸렸습니다. 우리는 기다렸다 기다렸다가 마침내 포기하고 ExtJS와 같은 다른 라이브러리를 우리의 제품 http://dblite.com에 사용했습니다 .

부트 스트랩은 매우 짧은 기간에 매우 포괄적 인 기능 세트를 제공했으며 곧 jQuery UI를 능가 할 것이라고 확신합니다.

따라서 결국 구식이 될 무언가를 사용하는 데 아무런 의미가 없습니다 ...