프론트앤드 프레임워크 추천

Bootstrap(부트스트랩)

http://getbootstrap.com/

 

개발자: Mark Otto and Jacob Thornton.

발표년도: 2011

현재 버젼: 3.3.1

인기도: 75,000+ stars on GitHub

설명: “부트스트랩은 웹에서의 모바일 우선 프로젝트 반응형 개발을 위한 가장 인기있는 HTML, CSS, 자바스크립트 프레임워크 입니다.”

핵심 개념 / 원칙: 반응형 웹디자인, 모바일 우선.

프레임워크 크기: 145 KB

CSS 전처리: Less, Sass

반응형: 지원

모듈: 지원

템플릿 / 레이아웃 시작: 지원

아이콘 세트: Glyphicons Halflings 지원

기타 / 부가 기능: 제공되는 번들은 없지만 많은 서드파티 플러그인 사용가능.

특별한 컴포넌트: Jumbotron

기록문서: 좋음

사용자 정의: 기본 GUI 제공. 안타깝게도 생상 선택기를 사용할수 없기 때문에 직접 생상을 입력해야 함.

지원 브라우저: Firefox, Chrome, Safari, IE8+ (you need Respond.js for IE8)

라이센스: MIT

 

Foundation

http://foundation.zurb.com/

개발자: ZURB

발표년도: 2011

현재 버젼: 5.4.7

인기도: 18,000+ stars on GitHub

설명: “세계에서 가장 발전된 프론트엔드 프레임워크”

핵심 개념 / 원칙: 반응형웹디자인, 모바일 우선, 시멘틱

프레임워크 크기: 326 KB

CSS 전처리: Sass

반응형: 지원

모듈: 지원

템플릿 / 레이아웃 시작: 지원

아이콘 세트: Foundation Icon Fonts

기타 / 부가 기능: 지원

특별한 컴포넌트: Icon Bar, Clearing Lightbox, Flex Video, Keystrokes, Joyride, Pricing Tables

기록문서: 좋음. 많은 추가 리소스 사용가능.

사용자 정의: GUI 없음, 오직 수동으로 만 정의.

지원 브라우저: Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+

라이센스: MIT

 

 

 

 

Semantic UI

https://semantic-ui.com/

 

개발자: Jack Lukic

발표년도: 2013

현재 버젼: 1.2.0

인기도: 12,900+ stars on GitHub

설명: “순수한 언어의 유용한 원리를 기반으로 하는 UI 컴포넌트 프레임 워크.”

핵심 개념 / 원칙: 시멘틱, tag ambivalence, 반응형

프레임워크 크기: 552 KB

CSS 전처리: Less

반응형: 지원

모듈: 지원

템플릿 / 레이아웃 시작: 아니요

아이콘 세트: Font Awesome

기타 / 부가 기능: 지원

특별한 컴포넌트: Divider, Flag, Rail, Reveal, Step, Advertisement, Card, Feed, Item, Statistic, Dimmer, Rating, Shape.

기록문서: 매우 좋음. Semantic은 매우 잘 정리된 문서에 테마 생성과 사용자 정의 시작을위한 가이드를 제공하는 별도의 웹 사이트를 제공합니다.

사용자 정의: GUI 없음, 오직 수동으로만 정의.

지원 브라우저: Firefox, Chrome, Safari, IE10+ (IE9는 오직 browser prefix), Android 4, Blackberry 10

라이센스: MIT

 

 

Pure

https://purecss.io/

 

개발자: Yahoo

발표년도: 2013

현재 버젼: 0.5.0

인기도: 9,900+ stars on GitHub

설명: “모든 웹 프로젝트에서 사용 가능한 반응형 CSS 모듈의 작은 세트.”

핵심 개념 / 원칙: SMACSS, minimalism.

프레임워크 크기: 18 KB

CSS 전처리: 없음

반응형: 지원

모듈: 지원

템플릿 / 레이아웃 시작: 지원

아이콘 세트: 없음. 대신 Font Awesome 사용가능.

기타 / 부가 기능: 없음

특별한 컴포넌트: 없음

기록문서: 좋음

사용자 정의: 기본 GUI 스킨 빌더

지원 브라우저: 최신버전의 Firefox, Chrome, Safari; IE7+; iOS 6.x, 7.x; Android 4.x

라이센스: Yahoo! Inc. BSD

 

 

 

UIkit

https://getuikit.com/

 

개발자: YOOtheme

발표년도: 2013

현재 버젼: 2.13.1

인기도: 3,800+ stars on GitHub

설명: “빠르고 강력한 웹 인터페이스를 개발하기 위한 경량 및 모듈 형 프론트엔드 프레임 워크입니다.”

핵심 개념 / 원칙: 반응형웹디자인, 모바일 우선

프레임워크 크기: 118 KB

CSS 전처리: Less, Sass

반응형: 지원

모듈: 지원

템플릿 / 레이아웃 시작: 지원

아이콘 세트: Font Awesome

기타 / 부가 기능: 지원

특별한 컴포넌트: Article, Flex, Cover, HTML Editor

기록문서: 좋음

사용자 정의: 고급 GUI 제공.

지원 브라우저: Chrome, Firefox, Safari, IE9+

라이센스: MIT