바오밥나무

Mobile Application Frameworks (HTML, CSS & JavaScript)

In UI/UX Posted Sep 29, 2017
Extra Form
출처 https://cssauthor.com/mobile-application-frameworks/
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

모바일앱, 웹앱, 하이브리드 앱을 제작하기 위한 프레임워크 모음.

 

Framework7

Framework7.jpg

네이티브 iOS의 인터페이스를 구현한 대표적인 오픈 소스 프레임워크. iOS, 머티리얼 등 2가지 테마를 제공한다. MIT 라이선스.

 

Framework7 is a free and open source mobile HTML framework to develop hybrid mobile apps or web apps with iOS native look and feel. Read more: https://cssauthor.com/mobile-application-frameworks/#ixzz4u31OE6Hl

  • Info : https://framework7.io
  • Demo : http://baobab.pe.kr/mockup/ipad/Framework7-2.0.0-beta.8/kitchen-sink/index.html
  • Demo : http://baobab.pe.kr/mockup/ipad/Framework7-1.6.5/

 

jQTouch

jQTouch.jpg

 

Sencha에 흡수된 오픈소스 프로젝트. 완성도는 높은 편이지만, 최종 버전이 2014년의 1.1으로 업데이트가 미진한 편이다. iOS7를 포함한 4가지 테마를 지원한다. MIT 라이선스.

 

Create powerful mobile apps with just HTML, CSS, and Zepto.js (or jQuery). 

  • Info : http://jqtjs.com
  • Demo : http://baobab.pe.kr/mockup/ipad/jqt/demos/main/index.html

 

Intel’s App Framework

Intels-App-Framework.jpg

 

HTML5 브라우저를 타겟으로 한 크로스 플랫폼 UI 프레임워크. 인텔이 개발을 지원하였기 때문에 완성도가 높지만, 3.0에서 개발이 중단되었다. iOS, 안드로이드, 윈도우8, BB10, 타이젠, 파이어폭스 등 6가지 테마를 제공한다. MIT 라이선스.

  • Info : https://github.com/01org/appframework
  • Demo : http://baobab.pe.kr/mockup/ipad/appframework-master/

 

EMY

EMY.jpg

 

가벼운 모바일 웹앱 개발을 목표로 하는 라이브러리. 가볍고 빠르지만 구현하고 있는 엘리먼트의 종류가 다소 적고 테마도 1가지 뿐이다. MIT 라이선스.

  • Info : https://emy-library.org
  • Demo : http://baobab.pe.kr/mockup/ipad/emy-1.1-minified/themes/ios7/test.html

 

iWebKit

iWebKit.jpg

 

아이폰, 아이팟 터치, 아이패드 웹앱 개발을 위한 UI 패키지.  iOS5 이전 버전의 디자인이며 완성도는 다소 떨어진다.

  • Info : http://snippetspace.com/iwebkit.html
  • Demo : http://baobab.pe.kr/mockup/ipad/iWebKit5.04/iWebKit%20demo/

  1. Myth #3: 사람들은 스크롤하지 않는다?

    #UI/UX 읽기
    Read More
  2. [번역] 반응형 웹 디자인의 단점

    #Web 읽기
    Read More
  3. 공인 IP, 사설 IP, 고정 IP, 유동 IP

    #Web 읽기
    Read More
  4. Billable Hour 직업의 함정

    #Web 읽기
    Read More
  5. 다국어사이트의 URL주소는 서브 도메인? 아니면 하위 디렉토리?

    #Web 읽기
    Read More
  6. [번역] 빵조각 메뉴: 무엇, 언제, 어떻게

    #UI/UX 읽기
    Read More
  7. [번역] 고통없는 계정 UX에 대한 3가지 법칙 : 로그인

    #UI/UX 읽기
    Read More
  8. [번역] 이 이메일에 회신하지 마시오

    #UI/UX 읽기
    Read More
  9. Survivorship Bias (생존자 편향의 오류)

    #Mkt 읽기
    Read More
  10. Top 25 Free Mobile Friendly & Responsive HTML Email Templates 2017

    #Web 읽기
    Read More
  11. Mobile Application Frameworks (HTML, CSS & JavaScript)

    #UI/UX 읽기
    Read More
  12. 여러 도메인 추적하기(Cross Domain Tracking)

    #GA 읽기
    Read More
  13. Envato Market의 Standard 라이센스(Regular 라이선스 vs. Extended 라이선스)

    #Web 읽기
    Read More
  14. 코딩이 필요 없는 웹사이트 제작 툴 & 사이트 10선

    #Web 읽기
    Read More
  15. 기술에 대해 "충분히 아는" PM이 되는 길

    #Web 읽기
    Read More
  16. 주목해야할 5개의 엔터프라이즈 오픈 소스 위키

    #Web 읽기
    Read More
  17. 어플리케이션 생명주기 관리를 위한 무료 소프트웨어

    #Web 읽기
    Read More
  18. TOP5 오픈 소스 프로젝트 관리 도구

    #Web 읽기
    Read More
  19. [번역] 이메일 마케팅: 고객의 참여를 높이기 위한 7가지 이메일 디자인과 문구 비법

    #UI/UX 읽기
    Read More
  20. [번역] 면적 과잉 : 사이드바 내비게이션을 단순화하기

    #UI/UX 읽기
    Read More
목록
Board Pagination Prev 1 2 3 4 Next
/ 4