Skip to main content
Skip to search

HTML: Markup language

HTML reference

Elements
Global attributes
Attributes
See all…

HTML guides

Responsive images
Video & audio content
Date & time formats
See all…

Markup languages

SVG
MathML
XML

CSS: Styling language

CSS reference

Properties
Selectors
At-rules
Values & units
See all…

CSS guides

Box model
Animations
Flexbox
Colors
See all…

Layout cookbook

Column layouts
Centering an element
Card component
See all…

JavaScript: Scripting language

JS reference

Standard built-in objects
Expressions & operators
Statements & declarations
Functions
See all…

JS guides

Control flow & error handing
Loops and iteration
Working with objects
Using classes
See all…

Web APIs: Programming interfaces

Web API reference

File system API
Fetch API
Geolocation API
HTML DOM API
Push API
Service worker API
See all…

Web API guides

Using the Web animation API
Using the Fetch API
Working with the History API
Using the Web speech API
Using web workers

All web technology

Technologies

Accessibility
HTTP
URI
Web extensions
WebAssembly
WebDriver
See all…

Topics

Media
Performance
Privacy
Security
Progressive web apps

Learn web development

Frontend developer course

Getting started
Common questions
Curriculum

Learn HTML

Introduction to HTML
Getting started with HTML

Learn CSS

What is CSS
Getting started with CSS

Learn JavaScript

How to use data attributes
Add JavaScript to your web page

Discover our tools

Playground
HTTP Observatory

Color picker
Box-shadow generator
Border-image generator
Border-radius generator

Get to know MDN better

About MDN
Advertise with us

Community
MDN on GitHub

Blog

Web
Progressive web apps
How to

How to

How-to guides explain in detail how to accomplish a specific task related to PWAs.

Associate files with your PWA
Create a standalone app
Customize colors of your app
Define your app icons
Display a badge on the app icon
Expose common app actions as shortcuts
Share data between apps
Trigger installation from your PWA

Help improve MDN

Learn how to contribute

This page was last modified on ⁨Jul 25, 2025⁩ by MDN contributors.

View this page on GitHub • Report a problem with this content

Progressive web apps
Guides
What is a progressive web app?
Installing and uninstalling web apps
Making PWAs installable
Offline and background operation
Caching
Best practices for PWAs
Tutorials
CycleTracker
js13kGames
How to
Trigger installation from your PWA
Define your app icons
Create a standalone app
Customize colors of your app
Display a badge on the app icon
Expose common app actions as shortcuts
Share data between apps
Associate files with your PWA
Reference
Web app manifest
Manifest members
1. background_color
2. categories
3. description
4. display
5. display_override Experimental
6. file_handlers Experimental
7. icons
8. id
9. launch_handler Experimental
10. name
11. note_taking Experimental
12. orientation
13. prefer_related_applications Experimental
14. protocol_handlers Experimental
15. related_applications Experimental
16. scope
17. scope_extensions Experimental
18. screenshots
19. serviceworker Experimental Non-standard
20. share_target Experimental
21. short_name
22. shortcuts
23. start_url
24. theme_color

Your blueprint for a better internet.

MDN

About
Blog
Careers
Advertise with us
MDN Plus
Product help

Contribute

MDN Community
Community resources
Writing guidelines
MDN Discord
MDN on GitHub

Developers

Web Technologies
Learn Web Development
Guides
Tutorials
Glossary
Hacks Blog

Website Privacy Notice
Cookies
Legal
Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–⁨2025⁩ by individual mozilla.org contributors. Content available under a Creative Commons license.