HTML5 Boilerplate 대 JQuery 및 JQueryUI를 사용한 Twitter 부트 스트랩
JQuery UI 컨트롤을 사용할 수있는 웹 애플리케이션에 HTML 5 Boilerplate 또는 Twitter Bootstrap을 사용할지 여부에 대한 조언을 받고 싶습니다.
또한 Bootstrap 컨트롤을 JQuery UI 등가물로 바꿀 수 있습니까?
미리 감사드립니다
스티븐
어제 Nicolas Gallagher는 H5BP + Twitter Bootstrap 통합 과 관련하여 H5BP의 github repo에서 새 문제를 열었습니다 . 어떻게 진행되는지 살펴 보겠습니다.
또한 어제, 애디 오스 마니 - jQuery를 UI 부트 스트랩의 저자는, 바닥을 열었다 jQuery를 UI 부트 스트랩에서 방문 당신의 사람들을 위해, 2012 년 1월 31일 (일에 발표 될 부트 스트랩 2.0으로 업데이트해야하는지 여부에 대한 투표에 미래). 단 한 번도 반대표가 표시되지 않았으므로 곧 jQuery UI Bootstrap-2.0을 기대할 수 있습니다.
H5BP와 Bootstrap 통합을 기다리지 않으려면 Mickael Daniel의 h5bp + twitter 부트 스트랩 통합 쉘 스크립트를 확인하십시오. 하지만 요청한 JQuery UI에 해당하는 부트 스트랩 컨트롤을 제공하지는 않습니다.
Bootstrap과 H5BP는 두 가지 문제를 해결합니다. 전자는 "웹앱과 사이트의 개발을 시작하기 위해 설계된"프론트 엔드 툴킷 인 반면 후자는 기반이되는 견고한 토대에 가깝습니다 ( 역사 위키 페이지 에서 지적한 것처럼 실제로 "보일러 플레이트" 가 아닙니다 ).
시도해 보셨습니까 : http://www.initializr.com/
부트 스트랩을 포함하는 옵션으로 HTML5 보일러 플레이트를 기반으로 템플릿을 생성합니다.
개인적으로 나는 완벽한 조합을 위해 투표 할 것입니다
- 트위터 부트 스트랩
- H5BP
- Jquery, 가장 많이 사용되는 상품
완벽한 반응 형 솔루션을위한 이러한 모든 구성 요소는 지금까지 Kickstrap 프로젝트 만 건너 왔습니다. http://ajkochanowicz.github.com/Kickstrap/
아마도 더 많은 것이 있지만 이것은 정말 멋져 보입니다.
저는 부트 스트랩을 사용하기 시작했고 다음과 같이 말할 수 있습니다. 제가 만든 최고의 결정입니다!
그 전에는 내가 만든 모든 웹 / 앱은 일반적으로 약 10 개의 CSS 파일을 가지고 있습니다. 왜냐하면 저는 매우 잘 구성되어 있고 헤더 / 바닥 글 / 내비게이션 / 등에 대해 별도의 파일을 갖고 싶어하기 때문입니다.
하지만 부트 스트랩을 사용한 후에는 관련된 스타일 시트가 1 ~ 2 개의 파일로 줄어 들었습니다! 추가 연마, 정렬 등은 Bootstrap 클래스와 마크 업을 올바르게 적용했을 때 절대적으로 NONE 이었습니다.
그리고 내 jQueryUI 기능 (대화 상자, 탭 등)의 90 %가 이제 부트 스트랩으로 대체되었습니다.
jQuery에서 문서가 준비되면 초기화해야합니다. 하지만 부트 스트랩에서는 마크 업과 속성을 올바르게 작성하면 모든 것이 마법처럼 작동합니다. 나는 jQuery를 좋아했지만 Bootstrap이 더 좋습니다. 크기를 줄이면 부트 스트랩 모듈은 jQuery보다 매우 포괄적 인 (그리고 이름 공간이 잘 지정된) API가 없습니다.
HTML5BoilerPlate를 사용하지 않았지만 웹을 멋지게 보이게하려면 여전히 많은 스타일 시트를 올바르게 사용해야한다고 생각했습니다.
Bootstrap으로 이동하십시오. 배우기 쉽고 강력합니다! 당신은 결코 후회하지 않을 것입니다.
HTML5 Boilerplate vs Bootstrap 요약 :
H5BP = 처음부터 시작하려는 경우. 이 측면에 대해 Initializr는 베어 본 웹 사이트를 제공합니다.
부트 스트랩은 당신이 템플릿에서 시작하려는 경우, 예를 들어, 즉시 사용할 수있는 템플릿이 많이있다 = wrapbootstrap 상업 템플릿 및 bootswatch 무료 템플릿.
'IT TIP' 카테고리의 다른 글
| XSD-두 가지 속성 중 하나가 필요합니까? (0) | 2020.12.25 |
|---|---|
| iOS 및 일반 브라우저와 호환되는 JS 라이브러리 (드래그 앤 드롭 포함) (0) | 2020.12.25 |
| java.util.HashSet에 get (Object o) 메소드가없는 이유는 무엇입니까? (0) | 2020.12.25 |
| itertools에서 chain과 chain.from_iterable의 차이점은 무엇입니까? (0) | 2020.12.25 |
| PHP에서 시간이 두 시간 사이인지 확인하는 방법 (0) | 2020.12.25 |