본문 바로가기
테크노트/html

2020년 반응형 웹페이지 Framework Top 10

by 테크한스 2021. 11. 14.

여기서는 세계에서 가장 많이 사용되는 반응형 웹페이지 프레임워크 10가지를 소개합니다

 

1) 부트스트랩 (bootstrap)

 

부트스트랩은 트위터에서 사용하는 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 Javascript로 만들어 놓은 것이다. 웹 디자이너나 개발자 사이에서는 웹 디자인의 혁명이라고 불릴 정도로 폭발적은 반응을 얻는 프레임워크이다.

https://getbootstrap.com/

 

Bootstrap

The most popular HTML, CSS, and JS library in the world.

getbootstrap.com


 

2) 센차터치 (sencha touch)

 

센차터치(Sencha Touch)는 ExtJs, jQTouch, 라파엘의 조합으로 시작된 자바스크립트 라이브러리이다

 

https://www.sencha.com/products/touch/

 

Sencha Touch Has Merged with Sencha Ext JS - Sencha

 

www.sencha.com


3) 파운데이션 (foundation)

 

 

 

https://get.foundation/

 

The most advanced responsive front-end framework in the world. | Foundation

Foundation Download Foundation 6 Responsive design gets a whole lot faster A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and

get.foundation


4) 아이오닉 (ionic)

 

 

https://ionicframework.com/

 

Cross-Platform Mobile App Development: Ionic Framework

Ionic Framework's app development platform builds amazing cross-platform mobile, web, and desktop apps all with one shared code base and open-web standards.

ionicframework.com


5) 제이쿼리 모바일 (jquery mobile)

 

터치에 최적화된 웹 프레임워크(모바일 프레임워크), 더 구체적으로 말해 JQuery 프로젝트 팀이 개발한 자바스크립트 라이브러리이다. 개발은 다양한 스마트폰과 태블릿 컴퓨터와 호환되는 프레임워크를 만드는 것에 초점을 두고 있다

 

https://jquerymobile.com/

 

jQuery Mobile

Developer Links Seriously cross-platform with HTML5 jQuery Mobile framework takes the "write less, do more" mantra to the next level: Instead of writing unique applications for each mobile device or OS, the jQuery mobile framework allows you to design a si

jquerymobile.com


6) 온센UI (onsen UI)

 

 

https://onsen.io/

 

Onsen UI 2: Beautiful HTML5 Hybrid Mobile App Framework and Tools

Native look and feel with lots of ready-to-use components and automatic styling A rich variety of UI components specially designed for mobile apps. Onsen UI provides tabs, side menu, stack navigation and tons of other components such as lists and forms. Th

onsen.io


7) 시맨틱UI (semantic UI)

 

 

https://semantic-ui.com/

 

Semantic UI

Shipping Choose your shipping options

semantic-ui.com


8) 프레임워크7 (framework7)

Framework7 은 모바일, 데스크톱 또는 모바일을 개발하기위한 오픈 소스 및 무료웹 앱등의 프로토 타이핑 도구

 

https://framework7.io/

 

Framework7 - Full Featured Framework For Building iOS, Android & Desktop Apps

Build full featured iOS, Android & Desktop apps

framework7.io

 

9) 스켈레톤(skeleton UI)

 

http://getskeleton.com/

 

Skeleton: Responsive CSS Boilerplate

Heading Heading Heading Heading Heading Heading The base type is 15px over 1.6 line height (24px) Bolded Italicized Colored Underlined

getskeleton.com


10) 켄도 UI (kendo UI)

 

https://www.telerik.com/kendo-ui

 

JavaScript UI Components - Build Better Apps Faster - Progress Kendo UI

Quickly build eye-catching web apps using Kendo UI's ultimate collection of JavaScript UI components with libraries for jQuery, Angular, React, and Vue.

www.telerik.com


 

'테크노트 > html' 카테고리의 다른 글

웹(Web)의 역사  (0) 2022.01.05
input 입력 태그를 readonly 로 막는 경우  (0) 2021.12.03
HTML5에 추가된 새로운 태그  (0) 2021.11.02
HTML 태그 정리  (0) 2021.11.01
FE개발자를 위한 HTML에디터 추천  (0) 2021.11.01

댓글