5002–Defining Home Screen App Icon

Media Files

📦 Media File Download (563 KB)

Project Submission

+ Submit Assignment

Your submissions

Background

Assume now we have a Fake Conference webpage. We want to allow our user to install the web on their home screen, so that they can access the information right from their home screen on the mobile phone.

You can find the written HTML, CSS and JavaScript code in the following link:

http://codepen.io/makzan/pen/kkJPzR

Requirement

Try to use <meta> tag and manifest JSON file to declare the app icon for the home screen.

We also want the home screen’s app title to be “FakeCon”.

FakeCon-Icon.zip

App Icon Preview

Help

❓ Show help content

Submission guideline

  • You can submit the URL of codepen, or you may upload the HTML file directly.

Notes

Actually I have uploaded the app icons and you can use them directly.

https://s3-us-west-2.amazonaws.com/s.cdpn.io/15649/Icon-App-60x60%401x.png
https://s3-us-west-2.amazonaws.com/s.cdpn.io/15649/Icon-App-76x76%401x.png
https://s3-us-west-2.amazonaws.com/s.cdpn.io/15649/Icon-App-60x60%402x.png
https://s3-us-west-2.amazonaws.com/s.cdpn.io/15649/Icon-App-76x76%402x.png
https://s3-us-west-2.amazonaws.com/s.cdpn.io/15649/FakeIcon-48.png
https://s3-us-west-2.amazonaws.com/s.cdpn.io/15649/FakeIcon-72.png
https://s3-us-west-2.amazonaws.com/s.cdpn.io/15649/FakeIcon-96.png
https://s3-us-west-2.amazonaws.com/s.cdpn.io/15649/FakeIcon-144.png
https://s3-us-west-2.amazonaws.com/s.cdpn.io/15649/FakeIcon-192.png

Marking scheme

Please login to chat.