{"id":3291,"date":"2020-02-13T09:50:44","date_gmt":"2020-02-13T09:50:44","guid":{"rendered":"https:\/\/yeeply.com\/en\/blog\/?p=3291"},"modified":"2024-03-20T14:49:35","modified_gmt":"2024-03-20T12:49:35","slug":"cross-platform-app-development-html5","status":"publish","type":"post","link":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/cross-platform-app-development-html5\/","title":{"rendered":"Cross-platform App Development with HTML5"},"content":{"rendered":"<p style=\"text-align: justify;\">When choosing the type of development for your application, you&#8217;ll discover that you have plenty of options. Your final decision <strong>depends on the type of app you want to create<\/strong>, the budget you have and even the time frame you set for its launch (among many other factors!).<\/p>\n<p style=\"text-align: justify;\"><strong>Cross-platform applications<\/strong>, for example, have a lower cost and faster development: with a single code, they can be used on several operating systems. However, the <a href=\"https:\/\/yeeply.com\/en\/cross-platform-app-development\/?rel=EN-LNK\" target=\"_blank\" rel=\"noopener noreferrer\">cross-platform app development<\/a> also has its limitations&#8230;<\/p>\n<p style=\"text-align: justify;\">In this entry, we&#8217;ll talk about the characteristics of this type of app and its development process using one of the most popular programming languages: <strong>HTML5<\/strong>.<\/p>\n<div class=\"bt-proyecto\"><a class=\"do-not-track\" href=\"https:\/\/yeeply.com\/en\/mobile-app-development\/?rel=EN-BT-proyecto-app#publish-project\" target=\"_blank\" rel=\"noopener\">WANT TO CREATE AN APP? TELL US ABOUT YOUR PROJECT!<\/a><\/div>\n<h2 style=\"text-align: justify;\">Index &#8211; Cross-platform App Development with HTML5<\/h2>\n<ul style=\"text-align: justify;\">\n<li><a href=\"#definition\">What is a cross-platform application?<\/a><\/li>\n<li><a href=\"#html5\">What exactly is HTML5?<\/a><\/li>\n<li><a href=\"#benefits\">Advantages and disadvantages of cross-platform app development<\/a><\/li>\n<li><a href=\"#tools\">Cross-platform app development tools<\/a><\/li>\n<li><a href=\"#help\">Shall we help you build a cross-platform app?<\/a><\/li>\n<\/ul>\n<h2 id=\"definition\" style=\"text-align: justify;\">What is a cross-platform application?<\/h2>\n<p style=\"text-align: justify;\">For those of you who are new to the world of apps, <strong>the difference between native and cross-platform apps<\/strong> is as follows.<\/p>\n<ul>\n<li style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Native applications<\/span> are written in the language of each operating system. This means that each system (Android, iOS&#8230;) requires a separate development process.<\/li>\n<li style=\"text-align: justify;\"><span style=\"text-decoration: underline;\">Cross-platform applications<\/span> have a single code that is interpreted and adjusted to all operating systems. We&#8217;d say that they&#8217;re practically the same as <a href=\"https:\/\/yeeply.com\/en\/blog\/5-different-kinds-web-app-development\/\">web applications<\/a> we&#8217;ve talked about in other articles.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_8668\" aria-describedby=\"caption-attachment-8668\" style=\"width: 480px\" class=\"wp-caption aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-8668 size-full\" title=\"GIF of Android and iOS smartphones\" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/cross_hybrid_multi_platform_apps_android_ios_compressed.gif\" alt=\"GIF of Android and iOS smartphones\" width=\"480\" height=\"270\" \/><figcaption id=\"caption-attachment-8668\" class=\"wp-caption-text\">Example of a cross-platform app that works on iOS and Android. Source: <a href=\"https:\/\/giphy.com\/gifs\/ovationdigital-ovation-tv-journy-now-1zR9sWQ1R4m2UCKliP\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" data-wpel-link=\"external\">Giphy<\/a><\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">The development of cross-platform apps for mobile can be carried out in two different ways:<\/p>\n<ol style=\"text-align: justify;\">\n<li>Using specific <strong>web development languages<\/strong>, such as HTML5, CSS and JavaScript. The code is then displayed inside a native container, the <strong>WebView<\/strong>. Applications created in this way are also known as hybrid apps.<\/li>\n<li>Using <strong>native rendering tools<\/strong>. These serve as a bridge between the cross-platform code and the native components. This type of development is done with <strong>frameworks such as Xamarin, React Native or Flutter<\/strong>.<\/li>\n<\/ol>\n<p style=\"text-align: justify;\">Like we just said, HTML5 is one of the web languages that allow us to program a cross-platform app. Let&#8217;s find out more about it.<\/p>\n<h2 id=\"html5\" style=\"text-align: justify;\">What exactly is HTML5?<\/h2>\n<p style=\"text-align: justify;\">HTML5 is a <strong>markup language used to structure and display content on websites<\/strong>. It provides support to advanced multimedia applications \u2212 including audio and video. But it also allows us to modify a page&#8217;s layout and thus change its appearance.<\/p>\n<p style=\"text-align: justify;\">In this regard, how can app developers take advantage of it? An expert can <strong>programme mobile apps with HMTL5 that can be displayed via a browser on any device<\/strong>.<\/p>\n<p style=\"text-align: justify;\">HTML5 is indeed one of the most versatile languages for <strong>developing web applications<\/strong> and the most widely used for <strong>creating non-native apps<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><em>Over 50% of mobile applications are developed with HTML5 in combination with JavaScript and CSS.<\/em><\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: justify;\">Is HTML5 the best cross-platform programming language?<\/h3>\n<p style=\"text-align: justify;\">First of all, it&#8217;s worth noting that <strong>HTML5 is a very widely used programming language<\/strong>. In fact, it&#8217;s the standard web programming language since October 2014, so there are always plenty of resources on it to be found.<\/p>\n<p style=\"text-align: justify;\">In addition, the <strong>World Wide Web Consortium<\/strong> (W3C) has bestowed its &#8220;Recommended&#8221; stamp upon its fifth version.<\/p>\n<p style=\"text-align: justify;\">Compared to previous versions of HTML and other programming languages, its fifth version includes <strong>new features for including video and audio<\/strong> and \u2013 on top of that \u2212 implements <a href=\"https:\/\/yeeply.com\/en\/blog\/evolution-responsive-web-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">responsive design<\/a> automatically.<\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_8670\" aria-describedby=\"caption-attachment-8670\" style=\"width: 631px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-8670 size-full\" title=\"programming language books\" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/create_cross_platfform_apps_with_HTML5_CSS_JavaScript.jpg\" alt=\"programming language books\" width=\"631\" height=\"473\" srcset=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/create_cross_platfform_apps_with_HTML5_CSS_JavaScript.jpg 631w, https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/create_cross_platfform_apps_with_HTML5_CSS_JavaScript-300x225.jpg 300w\" sizes=\"(max-width: 631px) 100vw, 631px\" \/><figcaption id=\"caption-attachment-8670\" class=\"wp-caption-text\">Image from <a href=\"https:\/\/unsplash.com\/photos\/vw3Ahg4x1tY\" target=\"_blank\" rel=\"noopener nofollow external noreferrer\" data-wpel-link=\"external\">Greg Rakozy<\/a>\u00a0via\u00a0<a href=\"https:\/\/unsplash.com\/photos\/vw3Ahg4x1tY\" target=\"_blank\" rel=\"noopener nofollow external noreferrer\" data-wpel-link=\"external\">Unsplash<\/a><\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: justify;\">The importance of HTML5 and its use in cross-platform apps<\/h3>\n<p style=\"text-align: justify;\">We have already made it clear why this programming language is important both in a global sense and for conventional programmers. But do you know which features render it one of <strong>the best options for programming cross-platform apps<\/strong>?<\/p>\n<p style=\"text-align: justify;\">We&#8217;ll discuss<strong> the advantages that HTML5 entails<\/strong> when used to create mobile applications.<\/p>\n<ul style=\"text-align: justify;\">\n<li>First and foremost <span style=\"text-decoration: underline;\">we come across its universality<\/span>, i.e. it works in all browsers, whether on mobile devices or on a traditional computer. The code is interpreted and displayed by any browser (Chrome, Safari, Firefox, Internet Explorer&#8230;).<\/li>\n<li>It&#8217;s also a language with a <span style=\"text-decoration: underline;\">clear audio-visual vocation<\/span> and allows including both audio and video at a native level. It stands up for showing and including multimedia content.<\/li>\n<li>It&#8217;s <span style=\"text-decoration: underline;\">mobile-friendly<\/span>. Another of the advantages of programming mobile apps with HTML5 is that this language seeks to be responsive, i.e. it adapts to the screen in which the content is displayed. For this reason, it&#8217;s perfect for creating websites that are going to be displayed as applications (web apps). According to analyst firm Vision Mobile, over 50% of mobile applications currently use HTML5 with JavaScript and CSS.<\/li>\n<li>It&#8217;s a <span style=\"text-decoration: underline;\">great option for limited budgets<\/span> because it&#8217;s cheaper than other native alternatives. Likewise, an HTML5 version entails significant savings when getting our business or mobile game started by developing a beta version and is a clever way to see if it works and if there is a market for it. Games like Candy Crush and the like (puzzle solving) can be created with this technology and be redeveloped as native apps later on.<\/li>\n<li>HTML <span style=\"text-decoration: underline;\">allows you to programme mobile apps in beta<\/span>. And last but not least, HTML5 is an open-source kind of language: i.e. anyone can modify, improve, expand or implement new services on already developed applications.<\/li>\n<\/ul>\n<p>For the ones that have to stick to a budget, it&#8217;s recommended to find out first <a href=\"https:\/\/yeeply.com\/en\/blog\/how-much-does-it-cost-to-create-an-app\/\">how much it would cost to create a cross-platform mobile app<\/a>. Or to <strong>start with a beta version of your app<\/strong> to see if it functions like expected and if there&#8217;s a market for it.<\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"benefits\" style=\"text-align: justify;\">Advantages and disadvantages of cross-platform app development<\/h2>\n<p>Despite everything we told you in the previous section, <strong>HTML5 doesn&#8217;t always have to be the best option to develop your app<\/strong>. We&#8217;ve listed some <strong>advantages and disadvantages<\/strong> to help you make up your mind.<\/p>\n<h3>Advantages of programming cross-platform apps with HTML5<\/h3>\n<p>Why do many companies decide to go for <strong>cross-platform development<\/strong> instead of native development? Here are several reasons.<\/p>\n<ul>\n<li><span style=\"text-decoration: underline;\">Extended development language<\/span>. Both HTML5 and JavaScript are programming languages that many web developers are familiar with. Besides, they can use their experience to get into cross-platform app development quite easily.<\/li>\n<li><span style=\"text-decoration: underline;\">Fewer resources, lower cost<\/span>. No need to double or triple resources to make the same app run on several operating systems. This makes the development process less expensive.<\/li>\n<li><span style=\"text-decoration: underline;\">Consistency of the user interface (UI)<\/span>. The look &amp; feel of the application will be homogeneous across the different devices where it&#8217;s used.<\/li>\n<li><span style=\"text-decoration: underline;\">Faster launch<\/span> compared to native development. The app depends on a single development, so it&#8217;s easier to meet deadlines.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><em>? Looking for cross-platform app developers? <a href=\"https:\/\/yeeply.com\/en\/?rel=EN-LNK\" target=\"_blank\" rel=\"noopener noreferrer\">Find them at Yeeply<\/a>.<\/em><\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_8671\" aria-describedby=\"caption-attachment-8671\" style=\"width: 631px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-8671 size-full\" title=\"guy looking at his iphone\" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/hybrid_multi_cross_platform_app_development.jpg\" alt=\"guy looking at his iphone\" width=\"631\" height=\"355\" srcset=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/hybrid_multi_cross_platform_app_development.jpg 631w, https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/hybrid_multi_cross_platform_app_development-300x169.jpg 300w\" sizes=\"(max-width: 631px) 100vw, 631px\" \/><figcaption id=\"caption-attachment-8671\" class=\"wp-caption-text\">Image from <a href=\"https:\/\/unsplash.com\/photos\/n31x0hhnzOs\" target=\"_blank\" rel=\"noopener nofollow external noreferrer\" data-wpel-link=\"external\">Yura Fresh<\/a>\u00a0via\u00a0<a href=\"https:\/\/unsplash.com\/photos\/n31x0hhnzOs\" target=\"_blank\" rel=\"noopener nofollow external noreferrer\" data-wpel-link=\"external\">Unsplash<\/a><\/figcaption><\/figure>\n<h3>Disadvantages of programming cross-platform apps with HTML5<\/h3>\n<p>If any of these issues seem critical to you, native development may be the best option for your application.<\/p>\n<ul>\n<li><span style=\"text-decoration: underline;\">Reducing the speed of the app<\/span>.<\/li>\n<li><span style=\"text-decoration: underline;\">Access to the device&#8217;s hardware is limited due to the available plugins<\/span>.<\/li>\n<li><span style=\"text-decoration: underline;\">Time investment to validate functioning on each platform<\/span>. Although the app should work automatically on any platform, this still needs to be double-checked. It should look and work the same on each platform. In addition, every time an update is published for one of the operating systems, the application must be checked to ensure that it runs correctly on every device.<\/li>\n<\/ul>\n<p>Important: despite the fact that cross-platform apps should be able to run on every operating system, it&#8217;s still necessary to generate an <strong>APK<\/strong> (Android Package) or <strong>IPA<\/strong> (iOS\u00a0App Store Package). This is required to make the coding readable and displayed on mobile devices. That&#8217;s why the <strong>SDK<\/strong> (Software Development Kit) for each platform is needed.<\/p>\n<p>As an alternative,\u00a0 one could use a service that generates it automatically like Adobe Build.<br \/>\n<p><a href=\"https:\/\/yeeply.com\/en\/landing\/download-ebook-apps\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/04\/CTA_YEEPLY_Guia_APP_EN.jpg\" alt=\"Ebook 1 App Descarga\" \/><\/a><\/p>\n<h2 id=\"tools\" style=\"text-align: justify;\">Cross-platform app development tools<\/h2>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_5185\" aria-describedby=\"caption-attachment-5185\" style=\"width: 748px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-5185 size-full\" title=\"apple devices\" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2016\/10\/multiplatform_app_development_cross_platform-1.jpg\" alt=\"apple devices\" width=\"748\" height=\"488\" srcset=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2016\/10\/multiplatform_app_development_cross_platform-1.jpg 748w, https:\/\/yeeply.com\/en\/wp-content\/uploads\/2016\/10\/multiplatform_app_development_cross_platform-1-300x196.jpg 300w\" sizes=\"(max-width: 748px) 100vw, 748px\" \/><figcaption id=\"caption-attachment-5185\" class=\"wp-caption-text\">Image by <a href=\"https:\/\/unsplash.com\/@igorson\" target=\"_blank\" rel=\"noopener noreferrer\">Igor Son<\/a>\u00a0via <a href=\"https:\/\/unsplash.com\/photos\/Nod1nQ0i5a0\" target=\"_blank\" rel=\"noopener noreferrer\">Unsplash<\/a><\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">The most <strong>common cross-platform app development tools<\/strong> \u2212 for apps of the WebView type \u2212 are shown below:<\/p>\n<ul style=\"text-align: justify;\">\n<li><span style=\"text-decoration: underline;\">Apache Cordova<\/span>. A framework for mobile application development owned by Adobe Systems that allows programmers to develop applications for mobile devices by using generic web tools such as JavaScript, HTML5, and CSS3, resulting in hybrid applications.<\/li>\n<\/ul>\n<ul style=\"text-align: justify;\">\n<li><span style=\"text-decoration: underline;\">AngularJS<\/span>.\u00a0JavaScript is an open-source framework \u2212 sustained by Google \u2212 which is used to create and support single-page web applications.<\/li>\n<\/ul>\n<ul style=\"text-align: justify;\">\n<li><span style=\"text-decoration: underline;\">Ionic<\/span>. A free and open-source tool for hybrid application development based on HTML5, CSS, and JS. The tool is built around Sass and optimised with AngularJS.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Although the quality of these applications is not the best to be found \u2212 especially when compared with native app development \u2212 they work very well for small and medium projects that require neither high performance nor too many features.<\/p>\n<p style=\"text-align: justify;\">As a matter of fact, <strong>Facebook&#8217;s first application was developed with this technology<\/strong> until it was later decided to develop native app versions.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><em>Related content: <a href=\"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/deep-linking-android-ios-apps\/\">Deep linking in Android and iOS applications<\/a><\/em><\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"help\">Shall we help you build a cross-platform app?<\/h2>\n<p>Do you think that cross-platform app development in HTML5 is exactly what you need? Then <strong>start looking for a team of developers<\/strong> to take care of the programming.<\/p>\n<p><strong>How?<\/strong> <a href=\"https:\/\/yeeply.com\/en\/?rel=EN-LNK\" target=\"_blank\" rel=\"noopener noreferrer\">Find them easily via Yeeply!<\/a><\/p>\n<p>We&#8217;re a platform that <strong>connects you with the best team<\/strong> to carry out your <a href=\"https:\/\/yeeply.com\/en\/mobile-app-development\/\" target=\"_blank\" rel=\"noopener\">mobile app development<\/a> project. We use a powerful algorithm that <strong>takes into account<\/strong> <strong>the characteristics of your project, your budget and your deadlines among other factors<\/strong>. With all this information, <strong>the algorithm chooses your perfect development team<\/strong>.<\/p>\n<p><a href=\"https:\/\/yeeply.com\/en\/cross-platform-app-development\/?rel=EN-LNK#publish-project\" target=\"_blank\" rel=\"noopener noreferrer\">Tell us about your project<\/a>&#8230; and let&#8217;s get to work!<\/p>\n<p><a href=\"https:\/\/yeeply.com\/en\/mobile-app-development\/?rel=EN-BP-proyecto-app#publish-project\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/04\/EN_proyecto-app_blog-post_B.png\" alt=\"Proyecto App\" width=\"620\" height=\"253\" \/><\/a><\/p>\n<p><strong><em>Editor&#8217;s note: This article was originally published in October 2016 and has been updated for freshness, accuracy and comprehensiveness.<\/em><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When choosing the type of development for your application, you&#8217;ll discover that you have plenty of options. Your final decision depends on the type of &#8230;<\/p>\n","protected":false},"author":2,"featured_media":8662,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[24],"tags":[],"class_list":["post-3291","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile-app-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cross-platform App Development in HTML5: is the best option?<\/title>\n<meta name=\"description\" content=\"Cross-platform or native development? That depends! An app developed in HMTL5 is faster and has lower cost, but it also has drawbacks.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/cross-platform-app-development-html5\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cross-platform App Development in HTML5: is the best option?\" \/>\n<meta property=\"og:description\" content=\"Cross-platform or native development? That depends! An app developed in HMTL5 is faster and has lower cost, but it also has drawbacks.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/cross-platform-app-development-html5\/\" \/>\n<meta property=\"og:site_name\" content=\"Yeeply\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/YeeplyMobile\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-13T09:50:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-20T12:49:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/develop_cross_platform_applications_HTML5.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"748\" \/>\n\t<meta property=\"og:image:height\" content=\"493\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Yeeply\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Yeeply_EN\" \/>\n<meta name=\"twitter:site\" content=\"@Yeeply_EN\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yeeply\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/cross-platform-app-development-html5\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/cross-platform-app-development-html5\\\/\"},\"author\":{\"name\":\"Yeeply\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/person\\\/c7927839158c47143448f3bcdaf7cc14\"},\"headline\":\"Cross-platform App Development with HTML5\",\"datePublished\":\"2020-02-13T09:50:44+00:00\",\"dateModified\":\"2024-03-20T12:49:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/cross-platform-app-development-html5\\\/\"},\"wordCount\":1644,\"publisher\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/cross-platform-app-development-html5\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/develop_cross_platform_applications_HTML5.jpg\",\"articleSection\":[\"App\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/cross-platform-app-development-html5\\\/\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/cross-platform-app-development-html5\\\/\",\"name\":\"Cross-platform App Development in HTML5: is the best option?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/cross-platform-app-development-html5\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/cross-platform-app-development-html5\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/develop_cross_platform_applications_HTML5.jpg\",\"datePublished\":\"2020-02-13T09:50:44+00:00\",\"dateModified\":\"2024-03-20T12:49:35+00:00\",\"description\":\"Cross-platform or native development? That depends! An app developed in HMTL5 is faster and has lower cost, but it also has drawbacks.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/cross-platform-app-development-html5\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/cross-platform-app-development-html5\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/cross-platform-app-development-html5\\\/#primaryimage\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/develop_cross_platform_applications_HTML5.jpg\",\"contentUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/develop_cross_platform_applications_HTML5.jpg\",\"width\":748,\"height\":493,\"caption\":\"apple devices on a desk\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/mobile-app-development\\\/cross-platform-app-development-html5\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/yeeply.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cross-platform App Development with HTML5\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/\",\"name\":\"Yeeply\",\"description\":\"A platform for the development of digital projects\",\"publisher\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/yeeply.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#organization\",\"name\":\"Yeeply\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/logo_yeeply_black@2x.png\",\"contentUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/logo_yeeply_black@2x.png\",\"width\":360,\"height\":120,\"caption\":\"Yeeply\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/YeeplyMobile\\\/\",\"https:\\\/\\\/x.com\\\/Yeeply_EN\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/yeeply\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/person\\\/c7927839158c47143448f3bcdaf7cc14\",\"name\":\"Yeeply\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g\",\"caption\":\"Yeeply\"},\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/author\\\/yeeply\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cross-platform App Development in HTML5: is the best option?","description":"Cross-platform or native development? That depends! An app developed in HMTL5 is faster and has lower cost, but it also has drawbacks.","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:\/\/yeeply.com\/en\/blog\/mobile-app-development\/cross-platform-app-development-html5\/","og_locale":"en_US","og_type":"article","og_title":"Cross-platform App Development in HTML5: is the best option?","og_description":"Cross-platform or native development? That depends! An app developed in HMTL5 is faster and has lower cost, but it also has drawbacks.","og_url":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/cross-platform-app-development-html5\/","og_site_name":"Yeeply","article_publisher":"https:\/\/www.facebook.com\/YeeplyMobile\/","article_published_time":"2020-02-13T09:50:44+00:00","article_modified_time":"2024-03-20T12:49:35+00:00","og_image":[{"width":748,"height":493,"url":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/develop_cross_platform_applications_HTML5.jpg","type":"image\/jpeg"}],"author":"Yeeply","twitter_card":"summary_large_image","twitter_creator":"@Yeeply_EN","twitter_site":"@Yeeply_EN","twitter_misc":{"Written by":"Yeeply","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/cross-platform-app-development-html5\/#article","isPartOf":{"@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/cross-platform-app-development-html5\/"},"author":{"name":"Yeeply","@id":"https:\/\/yeeply.com\/en\/#\/schema\/person\/c7927839158c47143448f3bcdaf7cc14"},"headline":"Cross-platform App Development with HTML5","datePublished":"2020-02-13T09:50:44+00:00","dateModified":"2024-03-20T12:49:35+00:00","mainEntityOfPage":{"@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/cross-platform-app-development-html5\/"},"wordCount":1644,"publisher":{"@id":"https:\/\/yeeply.com\/en\/#organization"},"image":{"@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/cross-platform-app-development-html5\/#primaryimage"},"thumbnailUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/develop_cross_platform_applications_HTML5.jpg","articleSection":["App"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/cross-platform-app-development-html5\/","url":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/cross-platform-app-development-html5\/","name":"Cross-platform App Development in HTML5: is the best option?","isPartOf":{"@id":"https:\/\/yeeply.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/cross-platform-app-development-html5\/#primaryimage"},"image":{"@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/cross-platform-app-development-html5\/#primaryimage"},"thumbnailUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/develop_cross_platform_applications_HTML5.jpg","datePublished":"2020-02-13T09:50:44+00:00","dateModified":"2024-03-20T12:49:35+00:00","description":"Cross-platform or native development? That depends! An app developed in HMTL5 is faster and has lower cost, but it also has drawbacks.","breadcrumb":{"@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/cross-platform-app-development-html5\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/cross-platform-app-development-html5\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/cross-platform-app-development-html5\/#primaryimage","url":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/develop_cross_platform_applications_HTML5.jpg","contentUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/develop_cross_platform_applications_HTML5.jpg","width":748,"height":493,"caption":"apple devices on a desk"},{"@type":"BreadcrumbList","@id":"https:\/\/yeeply.com\/en\/blog\/mobile-app-development\/cross-platform-app-development-html5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/yeeply.com\/en\/"},{"@type":"ListItem","position":2,"name":"Cross-platform App Development with HTML5"}]},{"@type":"WebSite","@id":"https:\/\/yeeply.com\/en\/#website","url":"https:\/\/yeeply.com\/en\/","name":"Yeeply","description":"A platform for the development of digital projects","publisher":{"@id":"https:\/\/yeeply.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/yeeply.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/yeeply.com\/en\/#organization","name":"Yeeply","url":"https:\/\/yeeply.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/yeeply.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/05\/logo_yeeply_black@2x.png","contentUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/05\/logo_yeeply_black@2x.png","width":360,"height":120,"caption":"Yeeply"},"image":{"@id":"https:\/\/yeeply.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/YeeplyMobile\/","https:\/\/x.com\/Yeeply_EN","https:\/\/www.linkedin.com\/company\/yeeply"]},{"@type":"Person","@id":"https:\/\/yeeply.com\/en\/#\/schema\/person\/c7927839158c47143448f3bcdaf7cc14","name":"Yeeply","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g","caption":"Yeeply"},"url":"https:\/\/yeeply.com\/en\/author\/yeeply\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/develop_cross_platform_applications_HTML5.jpg",748,493,false],"thumbnail":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/develop_cross_platform_applications_HTML5-150x150.jpg",150,150,true],"medium":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/develop_cross_platform_applications_HTML5-300x198.jpg",300,198,true],"medium_large":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/develop_cross_platform_applications_HTML5.jpg",640,422,false],"large":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/develop_cross_platform_applications_HTML5.jpg",640,422,false],"1536x1536":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/develop_cross_platform_applications_HTML5.jpg",748,493,false],"2048x2048":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/develop_cross_platform_applications_HTML5.jpg",748,493,false],"gform-image-choice-sm":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/develop_cross_platform_applications_HTML5.jpg",300,198,false],"gform-image-choice-md":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/develop_cross_platform_applications_HTML5.jpg",400,264,false],"gform-image-choice-lg":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/02\/develop_cross_platform_applications_HTML5.jpg",600,395,false]},"uagb_author_info":{"display_name":"Yeeply","author_link":"https:\/\/yeeply.com\/en\/author\/yeeply\/"},"uagb_comment_info":0,"uagb_excerpt":"When choosing the type of development for your application, you&#8217;ll discover that you have plenty of options. Your final decision depends on the type of ...","_links":{"self":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/posts\/3291","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/comments?post=3291"}],"version-history":[{"count":4,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/posts\/3291\/revisions"}],"predecessor-version":[{"id":14834,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/posts\/3291\/revisions\/14834"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/media\/8662"}],"wp:attachment":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/media?parent=3291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/categories?post=3291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/tags?post=3291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}