<style>/*<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4907356971211246752&zx=483c2f14-6895-4d2c-a89d-b65514cad0b5' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4907356971211246752&zx=483c2f14-6895-4d2c-a89d-b65514cad0b5' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<!-- data-ad-client=ca-pub-1497747774874198 -->

</head><body>*/</style>

Progressive Web Apps - Hybrid Apps

17 Feb, 2018

Progressive Web Apps - Hybrid Apps

Hybrid apps mimic the native mobile UX, and need an App store download. As such they consume storage. The combination of markup, styling sheets, and scripts enable custom interactive page elements without the use of closed systems such as Flash.

Partially running in a mobile browser, hybrids did not have a URL, supported a rich user interface and access to system capabilities. Newly released CSS3 and JavaScript frameworks allowed new design patterns such as the box model followed by grids and flex, accompanied by translations, transformations, animations. (Source - Wikipedia)

Progressive Web Apps - Hybrid Apps

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3789536756-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4YL5_WoalpfASZAE_Dj6dA2WS5JQ:1741843946991';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4907356971211246752','//blogging-universe.blogspot.com/2018/02/progressive-web-apps-hybrid-apps.html','4907356971211246752');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4907356971211246752', 'title': 'Blog Universe', 'url': 'https://blogging-universe.blogspot.com/2018/02/progressive-web-apps-hybrid-apps.html', 'canonicalUrl': 'https://blogging-universe.blogspot.com/2018/02/progressive-web-apps-hybrid-apps.html', 'homepageUrl': 'https://blogging-universe.blogspot.com/', 'searchUrl': 'https://blogging-universe.blogspot.com/search', 'canonicalHomepageUrl': 'https://blogging-universe.blogspot.com/', 'blogspotFaviconUrl': 'https://blogging-universe.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blog Universe - Atom\x22 href\x3d\x22https://blogging-universe.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Blog Universe - RSS\x22 href\x3d\x22https://blogging-universe.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blog Universe - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4907356971211246752/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blog Universe - Atom\x22 href\x3d\x22https://blogging-universe.blogspot.com/feeds/534915526536215915/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-1497747774874198', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/4edea45d5ae65945', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '534915526536215915', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLonlO6ZhMVf2RIzErjUa57QhZDxeAm1hKKFkE27bpOwEYqdS8mEiq4cWo4SYFSbuUwLNmqNxHEPNiHKEsIP4F-eyLYbf8ILsOmak6H7iBjwYxDHHZNtR9GSfEirKFEISX1ojQIdyMV5Y/s72-c/Progressive-Web-Apps-Hybrid+Apps-HD-1.jpg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLonlO6ZhMVf2RIzErjUa57QhZDxeAm1hKKFkE27bpOwEYqdS8mEiq4cWo4SYFSbuUwLNmqNxHEPNiHKEsIP4F-eyLYbf8ILsOmak6H7iBjwYxDHHZNtR9GSfEirKFEISX1ojQIdyMV5Y/s1600/Progressive-Web-Apps-Hybrid+Apps-HD-1.jpg', 'pageName': 'Progressive Web Apps - Hybrid Apps', 'pageTitle': 'Blog Universe: Progressive Web Apps - Hybrid Apps'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Progressive Web Apps - Hybrid Apps', 'description': '    Progressive Web Apps - Hybrid Apps         Hybrid apps mimic the native mobile UX, and need an App store download. As such they consume ...', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLonlO6ZhMVf2RIzErjUa57QhZDxeAm1hKKFkE27bpOwEYqdS8mEiq4cWo4SYFSbuUwLNmqNxHEPNiHKEsIP4F-eyLYbf8ILsOmak6H7iBjwYxDHHZNtR9GSfEirKFEISX1ojQIdyMV5Y/s1600/Progressive-Web-Apps-Hybrid+Apps-HD-1.jpg', 'url': 'https://blogging-universe.blogspot.com/2018/02/progressive-web-apps-hybrid-apps.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 534915526536215915}}, {'name': 'widgets', 'data': [{'title': 'Logo', 'type': 'HTML', 'sectionId': 'header-main', 'id': 'HTML10'}, {'title': 'Icons, Dark, Search', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList10'}, {'title': 'Menu', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList11'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '534915526536215915', 'title': 'Progressive Web Apps - Hybrid Apps', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLonlO6ZhMVf2RIzErjUa57QhZDxeAm1hKKFkE27bpOwEYqdS8mEiq4cWo4SYFSbuUwLNmqNxHEPNiHKEsIP4F-eyLYbf8ILsOmak6H7iBjwYxDHHZNtR9GSfEirKFEISX1ojQIdyMV5Y/s1600/Progressive-Web-Apps-Hybrid+Apps-HD-1.jpg', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'share', 'label': ''}]}, 'footerBylines': [{'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'in'}]}], 'allBylineItems': [{'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'in'}]}, {'title': '#You may also like', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML15'}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'sidebar-sticky', 'id': 'Label1'}, {'title': 'AD', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML1'}, {'title': 'Most Viewed', 'type': 'PopularPosts', 'sectionId': 'sidebar-sticky', 'id': 'PopularPosts10', 'posts': [{'title': 'Netflix Stock Skyrockets on Strong Revenue Growth', 'id': 8821908883402441373}, {'title': 'Benfica vs Barcelona Highlights, UEFA Champions League 2024-25', 'id': 7820355806122586638}, {'title': 'Top Beer Money Sites to Earn Extra Income', 'id': 5553540990546895474}, {'title': 'Your or You\x27re: Learn the Difference Once and For All!', 'id': 2983165176876155211}, {'title': 'How to Download Clips From YouTube?', 'id': 2486337529279010635}, {'title': 'Cartoon Show vs Cartoon Movies: The Upgrade', 'id': 5345027378800893952}, {'title': 'Fresh Footage From Daredevil: Born Again Has Been Released', 'id': 8005761609325734394}, {'title': 'Dailymotion Website and App Review', 'id': 130051169552112291}, {'title': 'Will There Be an Agatha All Along Season 2? Marvel Exec Says Yes!', 'id': 2020525538124135465}, {'title': 'Best Crypto to Invest in 2025', 'id': 3832091907937323957}]}, {'title': 'About Us', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML21'}, {'title': 'Follow Us', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList14'}, {'title': 'Newsletter', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML22'}, {'title': 'Partners', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList13'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML23'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML24'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'header-main', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'header-main', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'header-main', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog-post', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1891337205-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML15', 'ads-post', document.getElementById('HTML15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar-sticky', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-sticky', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts10', 'sidebar-sticky', document.getElementById('PopularPosts10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'footer-widget', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'footer-widget', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML22', 'footer-widget', document.getElementById('HTML22'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'footer-widget', document.getElementById('LinkList13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML23', 'copyright', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML24', 'jet-options', document.getElementById('HTML24'), {}, 'displayModeFull'));
</script>
</body>*/</style>