ETC

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

creat1ve 2017. 5. 16. 16:10
반응형

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
  • 반응형