blob: f07a23fc4ee92bd4a6de8458cfc7e5f7b1d3ec22 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
|
---
title: Progressive Web-Apps
slug: Web/Progressive_web_apps
translation_of: Web/Progressive_web_apps
---
<p class="summary">Progressive Webanwendungen sind einfach Webseiten wie eh und je, nur besser.<strong> In einem modernen Webbrowser zeigen sie ihre Superkräft und werden </strong>…</p>
<div class="column-container">
<div class="column-1"></div>
<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12654/discoverable.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><a href="/en-US/docs/Web/Apps/Modern/Discoverable"><strong>Auffindbar</strong></a></p>
<p style="width: 70%;">Als Anwendung erkennbar, mit Suchmaschinen auffindbar.</p>
</div>
<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12656/installable.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Installable">Installierbar</a></strong></p>
<p style="width: 70%;">Auf Geräten verfügbar, auf dem Homescreen - ohne die Hürden von App Stores.</p>
</div>
<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12658/linkable.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Linkable">Verlinkbar</a></strong></p>
<p style="width: 70%;">Einfach per URL zu teilen, ohne schwierige Installation.</p>
</div>
<div class="column-1"></div>
</div>
<div class="column-container">
<div class="column-1"></div>
<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12660/network-independent.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Network_independent">Netzwerk unabhängig</a></strong></p>
<p style="width: 70%;">Funktioniert offline und bei schlechtem Empfang.</p>
</div>
<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12662/progressive.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Progressive">Progressiv</a></strong></p>
<p style="width: 70%;">Funktioniert für jeden, egal mit welchem Webbrowser.</p>
</div>
<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12666/re-engageable.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Re-engageable">Nutzer bindend</a></strong></p>
<p style="width: 70%;">Macht Nutzerbindung durch Benachrichtigungen einfach, auch wenn der Nutzer gerade nicht hinschaut.</p>
</div>
<div class="column-1"></div>
</div>
<div class="column-container">
<div class="column-1"></div>
<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12650/responsive.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Responsive">Responsiv</a></strong></p>
<p style="width: 70%;">Passt auf jeden Bildschirm: Desktop, Handy, Tablet oder was kommen wird.</p>
</div>
<div class="column-3" style="height: 160px;"><img alt="" src="https://mdn.mozillademos.org/files/12664/safe.svg" style="float: right; height: 40px; width: 38px;">
<p style="font-size: 110%;"><strong><a href="/en-US/docs/Web/Apps/Modern/Safe">Sicher</a></strong></p>
<p style="width: 70%;">Sichere Verbindungen verhindern Datendiebstahl und garantieren Integrität.</p>
</div>
<div class="column-1"></div>
</div>
<h2 id="See_also">See also</h2>
<ul>
<li><a href="https://developers.google.com/web/progressive-web-apps">Progressive Web-Apps</a> bei Google Developers</li>
<li class="graf--h3 graf--first" id="4c45"><a href="https://medium.com/@slightlylate/progressive-apps-escaping-tabs-without-losing-our-soul-3b93a8561955#.6czgj0myh">Progressive Web Apps: Escaping Tabs Without Losing Our Soul</a> von Alex Russell</li>
</ul>
|
