{"id":19941,"date":"2014-05-01T21:01:56","date_gmt":"2014-05-01T13:01:56","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=19941"},"modified":"2023-04-06T19:05:55","modified_gmt":"2023-04-06T11:05:55","slug":"mobile-frameworks","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/mobile-frameworks\/","title":{"rendered":"10 HTML\/CSS &#038; JavaScript Frameworks to Build Mobile Apps"},"content":{"rendered":"<p>For many web developers, which may only be familiar with HTML, CSS, and JavaScript, <strong>developing a native mobile app could be unfamiliar territory<\/strong>. Technically speaking, mobile apps in Android, iOS, and Windows Phone are built using completely different programming languages; an Android app uses <a href=\"http:\/\/www.java.com\/en\/\" rel=\"nofollow\">Java<\/a>, an iOS app uses <a href=\"https:\/\/developer.apple.com\/library\/mac\/documentation\/cocoa\/conceptual\/ProgrammingWithObjectiveC\/Introduction\/Introduction.html\" rel=\"nofollow\">Objective-C<\/a>, while a Windows Phone app uses <a href=\"https:\/\/dotnet.microsoft.com\/en-us\/\" rel=\"nofollow\">.NET<\/a>.<\/p>\n<p>But now, anyone <strong>with a decent knowledge of HTML, CSS, and JavaScript<\/strong> can build a mobile application. One key advantage of using web technology to build your app is <strong>Portability<\/strong>. Using a packager\/compiler, like <a href=\"https:\/\/cordova.apache.org\/announcements\/2020\/08\/14\/goodbye-phonegap.html\" rel=\"nofollow\">PhoneGap<\/a>, you will be able to port and install your app on many different platforms.<\/p>\n<p>There are a number of frameworks that make this possible. They also have done half of the hard work to <strong>bridge the gap between web and mobile platforms<\/strong>. Here we have put together 10 of the best mobile frameworks that we could find. If you are ready to build the next <a href=\"https:\/\/www.hongkiat.com\/blog\/most-expensive-tech-acquisitions\/\">billion-dollar app<\/a> let\u2019s check out the list.<\/p>\n<p class=\"note\"><strong>Recommended Reading:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/cheatsheet-app-developers-designers\/\" rel=\"nofollow\">30 Cheatsheets And Infographics For Mobile App Developers<\/a><\/p>\n<h2>1. <a href=\"https:\/\/jquerymobile.com\/\" rel=\"nofollow\">jQuery Mobile<\/a><\/h2>\n<p>jQueryMobile is a robust mobile development framework to build <strong>cross-mobile-platform app<\/strong>. jQuery Mobile support a wide range of different platforms, from a regular desktop, smart phone, tablet, or an e-reader device like Nook or Kindle. Similar to its sibling, jQuery UI, jQuery Mobile comprises a number of <a href=\"https:\/\/api.jquerymobile.com\/category\/widgets\/\" rel=\"nofollow\">UI<\/a> that, in this case, <strong>is optimized for mobile and touch-enabled device<\/strong>s.<\/p>\n<p><strong>Recommended Reading:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/build-websites-apps-jquery-mobile\/\">Mobile App Design\/Dev: Beginner\u2019s Guide To JQuery Mobile<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-frameworks\/jquery-mobile.jpg\" height=\"320\" width=\"500\" alt=\"\"><\/p>\n<h2>2. <a href=\"https:\/\/cordova.apache.org\/\" rel=\"nofollow\">Cordova<\/a> \/ <a href=\"https:\/\/cordova.apache.org\/announcements\/2020\/08\/14\/goodbye-phonegap.html\" rel=\"nofollow\">PhoneGap<\/a><\/h2>\n<p>PhoneGap is essentially based on Cordova. Cordova\/Phonegap provides a set JavaScript APIs that <strong>connect to the device\u2019s native functions<\/strong> such as Camera, Compass, Contacts, and Geolocation. Cordova\/Phonegap lets us <strong>build a mobile application without the native programming language<\/strong>; instead we can use a framework like jQuery Mobile. It will compile your app using the platform\u2019s SDK and will be ready to install on the platform it supports including iOS, Android, Windows Phone, Blackberry and Web OS.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-frameworks\/cordova-phonegap.jpg\" height=\"320\" width=\"500\" alt=\"\"><\/p>\n<h2>3. <a href=\"https:\/\/www.sencha.com\/products\/touch\/\" rel=\"nofollow\">Sencha Touch<\/a><\/h2>\n<p>Sencha Touch is a mobile framework <strong>powered by HTML5 and CSS3<\/strong>, providing APIs, animations, and components that are compatible with the current mobile platforms and browsers. Sencha Touch supports both <strong>Cordova <\/strong>and<strong> PhoneGap<\/strong>; you can compile your app, and submit your app to the respective platform\u2019s App Stores. In addition, Sencha Touch provides a set of themes for iOS, Android, Blackberry, Windows Phone, Tizen, and a variety of other platforms to help your app feel like a native app.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-frameworks\/sencha.jpg\" height=\"320\" width=\"500\" alt=\"\"><\/p>\n<h2>4. <a href=\"http:\/\/goratchet.com\/\" rel=\"nofollow\">Ratchet<\/a><\/h2>\n<p>Ratchet was originally used by Twitter as an internal tool to create their mobile app prototype which is then released publicly as an open source project. Ratchet comes with a<strong> collection of User Interface and JavaScript plugins<\/strong> for building simple mobile apps, providing <strong>reusable HTML classes<\/strong>. In version 2.0, Ratchet is also shipped with its proprietary font icon set named <strong>Ratcheticon<\/strong> and two <strong>pre-made UI themes for iOS and Android<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-frameworks\/ratchet.jpg\" height=\"320\" width=\"500\" alt=\"\"><\/p>\n<h2>5. <a href=\"https:\/\/ionicframework.com\/\" rel=\"nofollow\">Ionic<\/a><\/h2>\n<p>If you are concerned with your app performance, Ionic is the right framework for you. Ionic is an HTML5 mobile framework with focus on performance, by leveraging <strong>hardware acceleration<\/strong>, and it requires no third-party JS library. It works best <strong>together with Angular.js to build an interactive app<\/strong>. Similar to Ratchet, Ionic is shipped with a nicely crafted font icon set, <a href=\"https:\/\/ionic.io\/ionicons\" rel=\"nofollow\">Ionicons<\/a>, and a bunch of reusable HTML classes to build the mobile UI.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-frameworks\/ionic.jpg\" height=\"320\" width=\"500\" alt=\"\"><\/p>\n<h2>6. <a href=\"http:\/\/lungo.tapquo.com\/\" rel=\"nofollow\">Lungo<\/a><\/h2>\n<p>Lungo is a <strong>lightweight mobile framework based on HTML5 and CSS3<\/strong>. It has very nice default styles that you can use as a starting point to design your mobile app. Aside for the mobile UI components, Lungo brings a number of JavaScript API to control your app. Lungo supports the following platforms: iOS, Android, Blackberry and Firefox OS.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-frameworks\/lungo.jpg\" height=\"320\" width=\"500\" alt=\"\"><\/p>\n<h2>7. <a href=\"http:\/\/jqtjs.com\/\" rel=\"nofollow\">jQT<\/a><\/h2>\n<p>jQT is a Zepto plugin for mobile framework primarily <strong>designed for Webkit browsers<\/strong>. jQT is easily <strong>customizable <\/strong>and<strong> extensible<\/strong>. It comes with a theme that can be modified using Sass\/Compass, cool 3D transition that is adjustable via CSS3, plus developers could also extend jQT with their own required functionalities.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-frameworks\/jqtouch.jpg\" height=\"320\" width=\"500\" alt=\"\"><\/p>\n<h2>8. <a href=\"https:\/\/justspamjustin.github.io\/junior\/#home\" rel=\"nofollow\">Junior<\/a><\/h2>\n<p>Junior is also a <strong>Zepto plugin<\/strong> for building a mobile app <strong>similar to jQT<\/strong>. But Junior is dependent on several external libraries for some features to work, namely Backbone.js, Flickable.js for creating a swipe-able slider, and Ratchet for the UI scaffold.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-frameworks\/junior.jpg\" height=\"320\" width=\"500\" alt=\"\"><\/p>\n<h2>9. <a href=\"https:\/\/joapp.com\/\" rel=\"nofollow\">Jo<\/a><\/h2>\n<p>Jo supports a wide variety of mobile platforms including <strong>Tizen and Chrome OS.<\/strong> Jo also comes with a starter, that is powered by CSS3, so it makes it easy for web developers at any level of experience to grasp and start styling their apps. In addition, you can use Jo along with <strong>PhoneGap <\/strong>or<strong> Cordova<\/strong> to pack your app for use on mobile platform.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-frameworks\/joapp.jpg\" height=\"320\" width=\"500\" alt=\"\"><\/p>\n<h2>10. <a href=\"http:\/\/www.famo.us\/\" rel=\"nofollow\">Famo.us<\/a><\/h2>\n<p>A new kid on the mobile framework block, Famo.us promises to <strong>eliminate HTML5 performance issue on mobile devices<\/strong> with its <strong>lightweight JavaScript engine<\/strong> (only 64k). Famo.us, reportedly, will a also launch a cloud-based service to package your app to publish to the AppStore \u2013 it sounds like <strong>Phonegap <\/strong>and<strong> Sencha<\/strong> will get a new competitor soon. You can sign up as a beta tester in <a href=\"http:\/\/www.famo.us\/\" rel=\"nofollow\">www.famo.us<\/a> to get your hands on it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-frameworks\/famo.us.jpg\" height=\"320\" width=\"500\" alt=\"\"><\/p>","protected":false},"excerpt":{"rendered":"<p>For many web developers, which may only be familiar with HTML, CSS, and JavaScript, developing a native mobile app could be unfamiliar territory. Technically speaking, mobile apps in Android, iOS, and Windows Phone are built using completely different programming languages; an Android app uses Java, an iOS app uses Objective-C, while a Windows Phone app&hellip;<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3399,352],"tags":[507,4109,506,3497,4117],"topic":[4520,4521],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>10 HTML\/CSS &amp; JavaScript Frameworks to Build Mobile Apps - Hongkiat<\/title>\n<meta name=\"description\" content=\"For many web developers, which may only be familiar with HTML, CSS, and JavaScript, developing a native mobile app could be unfamiliar territory.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/mobile-frameworks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 HTML\/CSS &amp; JavaScript Frameworks to Build Mobile Apps\" \/>\n<meta property=\"og:description\" content=\"For many web developers, which may only be familiar with HTML, CSS, and JavaScript, developing a native mobile app could be unfamiliar territory.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/mobile-frameworks\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2014-05-01T13:01:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-06T11:05:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-frameworks\/jquery-mobile.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-frameworks\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-frameworks\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"10 HTML\\\/CSS &#038; JavaScript Frameworks to Build Mobile Apps\",\"datePublished\":\"2014-05-01T13:01:56+00:00\",\"dateModified\":\"2023-04-06T11:05:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-frameworks\\\/\"},\"wordCount\":856,\"commentCount\":14,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-frameworks\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/mobile-frameworks\\\/jquery-mobile.jpg\",\"keywords\":[\"CSS\",\"CSS Frameworks\",\"HTML\",\"Javascript Library\",\"Javascripts\"],\"articleSection\":[\"Mobile\",\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-frameworks\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-frameworks\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-frameworks\\\/\",\"name\":\"10 HTML\\\/CSS & JavaScript Frameworks to Build Mobile Apps - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-frameworks\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-frameworks\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/mobile-frameworks\\\/jquery-mobile.jpg\",\"datePublished\":\"2014-05-01T13:01:56+00:00\",\"dateModified\":\"2023-04-06T11:05:55+00:00\",\"description\":\"For many web developers, which may only be familiar with HTML, CSS, and JavaScript, developing a native mobile app could be unfamiliar territory.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-frameworks\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-frameworks\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-frameworks\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/mobile-frameworks\\\/jquery-mobile.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/mobile-frameworks\\\/jquery-mobile.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-frameworks\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 HTML\\\/CSS &#038; JavaScript Frameworks to Build Mobile Apps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\",\"name\":\"Thoriq Firdaus\",\"description\":\"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.\",\"sameAs\":[\"https:\\\/\\\/thoriq.com\",\"https:\\\/\\\/x.com\\\/tfirdaus\"],\"jobTitle\":\"Web Developer\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/thoriq\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"10 HTML\/CSS & JavaScript Frameworks to Build Mobile Apps - Hongkiat","description":"For many web developers, which may only be familiar with HTML, CSS, and JavaScript, developing a native mobile app could be unfamiliar territory.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/mobile-frameworks\/","og_locale":"en_US","og_type":"article","og_title":"10 HTML\/CSS & JavaScript Frameworks to Build Mobile Apps","og_description":"For many web developers, which may only be familiar with HTML, CSS, and JavaScript, developing a native mobile app could be unfamiliar territory.","og_url":"https:\/\/www.hongkiat.com\/blog\/mobile-frameworks\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2014-05-01T13:01:56+00:00","article_modified_time":"2023-04-06T11:05:55+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/mobile-frameworks\/jquery-mobile.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/mobile-frameworks\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/mobile-frameworks\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"10 HTML\/CSS &#038; JavaScript Frameworks to Build Mobile Apps","datePublished":"2014-05-01T13:01:56+00:00","dateModified":"2023-04-06T11:05:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/mobile-frameworks\/"},"wordCount":856,"commentCount":14,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/mobile-frameworks\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/mobile-frameworks\/jquery-mobile.jpg","keywords":["CSS","CSS Frameworks","HTML","Javascript Library","Javascripts"],"articleSection":["Mobile","Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/mobile-frameworks\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/mobile-frameworks\/","url":"https:\/\/www.hongkiat.com\/blog\/mobile-frameworks\/","name":"10 HTML\/CSS & JavaScript Frameworks to Build Mobile Apps - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/mobile-frameworks\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/mobile-frameworks\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/mobile-frameworks\/jquery-mobile.jpg","datePublished":"2014-05-01T13:01:56+00:00","dateModified":"2023-04-06T11:05:55+00:00","description":"For many web developers, which may only be familiar with HTML, CSS, and JavaScript, developing a native mobile app could be unfamiliar territory.","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/mobile-frameworks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/mobile-frameworks\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/mobile-frameworks\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/mobile-frameworks\/jquery-mobile.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/mobile-frameworks\/jquery-mobile.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/mobile-frameworks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"10 HTML\/CSS &#038; JavaScript Frameworks to Build Mobile Apps"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807","name":"Thoriq Firdaus","description":"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.","sameAs":["https:\/\/thoriq.com","https:\/\/x.com\/tfirdaus"],"jobTitle":"Web Developer","url":"https:\/\/www.hongkiat.com\/blog\/author\/thoriq\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-5bD","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19941","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=19941"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19941\/revisions"}],"predecessor-version":[{"id":65654,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19941\/revisions\/65654"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=19941"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=19941"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=19941"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=19941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}