native.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
		
		
		<link rel="manifest" href="manifest.json" />
<!-- ios support -->
<link rel="apple-touch-icon" href="images/icons/icon-72x72.png" />

<link rel="apple-touch-icon" href="images/icons/icon-96x96.png" />
<link rel="apple-touch-icon" href="images/icons/icon-128x128.png" />
<link rel="apple-touch-icon" href="images/icons/icon-144x144.png" />
<link rel="apple-touch-icon" href="images/icons/icon-152x152.png" />
<link rel="apple-touch-icon" href="images/icons/icon-192x192.png" />
<link rel="apple-touch-icon" href="images/icons/icon-384x384.png" />
<link rel="apple-touch-icon" href="images/icons/icon-512x512.png" />


<meta name="apple-mobile-web-app-status-bar" content="#000000" />
<meta name="theme-color" content="#000000" />
		
		
		
		
		
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="css/style.css" />
    <title>Appothica: PWA vs Native Apps</title>
		
	<meta name= "description" content= "Appothica is a crossplatform store for Progressive Web Applications. Save GIGABYTES of storage and data! Reinstall your favorites, and discover new apps.">

		
			<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VNZPVZ1CD2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-VNZPVZ1CD2');
</script>
		
		
		
  </head>
  <body>
		 <a class= "backButton" onclick="history.back()"></br>«Back</a>
    
		<nav role='navigation'><h1 class= "logo">Appothica</h1> 
  <div id="menuToggle">
    <!--
    A fake / hidden checkbox is used as click reciever,
    so you can use the :checked selector on it.
    -->
    <input type="checkbox" />
    
    <!--
    Some spans to act as a hamburger.
    
    They are acting like a real hamburger,
    not that McDonalds stuff.
    -->
    <span></span>
    <span></span>
    <span></span>
    
    <!--
    Too bad the menu has to be inside of the button
    but hey, it's pure CSS magic.
    -->
    <ul id="menu">
		</br>
    </br>
    </br>
			
			<a class= "slideMenu" href="whichBrowser.html"><li>How Do I </br>Install Apps?</br></li></a>
      <a class= "slideMenu" href="whyAppothica.html"><li>Why Should I</br>Use Appothica?</br></li></a>
      <a class= "slideMenu" href="native.html"><li>PWA vs</br>Native Apps</li></a>
			
			  <a class= "slideMenu" href="troubleshoot.html"><li>Troubleshooting</li></a>
			
			<a class= "slideMenu" href="contact.html"><li>Contact Us</li></a>
			
			<a class= "slideMenu" href="categories.html"><li>Categories</li></a>
			
			
			<a class= "slideMenu" href="search.html"><li>Search</li></a>
     
    </ul>
  </div>
</nav>
		

		
		
		
		
			<main>
				
			
		</br>
	
		


</br>
</br>
</br>			
				
			<h1>PWA vs </br>Native Apps</h1>
		 
		 
			
 

</br>			 
 

 





<p class= "text">Progressive Web Apps (PWA) are very similar to native apps, and in the near future, they could potentially replace native apps altogether. There are a few reasons why you may wish to install </br>a PWA over its native cousin.
</br>
</br>

	</p>
	

	<p class= "tabs">Massive Storage Reduction</br></p>


<p class= "text">Progressive Web Apps are significantly smaller than native apps. A good </br>example is the Starbucks PWA.</br> On iOS, the Starbucks app is 148MB, </br>while their PWA is only 233kb. </br>
	
	THAT IS AN EXTRA 100 HQ </br>PHOTOS FROM A SINGLE APP!<br></br>
	
	
		<p class= "tabs">Offline Capability</br></p>
		
		<p class= "text">Progressive Web Apps are websites, but that doesn't mean they require internet. Once you install an app, it can be used just like a native app. However, like native apps, if a site requires internet to stream or deliver live updates, you will still need internet.
	
	</br></br>
</p>
	
	
	
	


		<p class= "tabs">Instant Updates</br></p>
		
	<p class= "text">Have you ever tapped on your favorite app, only to be prompted to update before continuing? With a PWA, there is no need to manually update because it is updated as soon as the developers change the site. </br>
		You also won't have to wait for the developers to get appoval before pushing updates, so issues can be fixed as soon as the problems are solved.
	
	</br>
</p>
		
		


</br>
</br>
</p>

</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>

 <p class= "text">
	*Appothica is not required to install Progressive Web Apps
</p>


</br>
</br>
</br>
</br>
		 
		

	


			
    
<div class="navBar"></div>


   
  <script src="js/toolbar.js"></script>		
	
		
	 </main>


	 
<p class= "card--title"></br>
</br>
</br>
</br>
</br>
</br>
</br>

</p>  	 
	 
	 
	
		
		
  </body>
	</html>