Skip to content

Commit 1c4fcf3

Browse files
committedSep 25, 2014
Update apple-touch-icon-precomposed.png and docs
* Update the documentation regarding the Apple touch icons, by reflecting the recent changes brought by the release of iOS 8 and the new iPhone 6 and 6 Plus. Note: The changes do not follow all Apple's iOS Human Interface Guidelines¹, as in practice, the images used by the different devices are different² from the ones specified in the Apple documentation. * Update the `apple-touch-icon-precomposed.png` to be `180×180px` (this is now the largest image size used by any Apple device running iOS). - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ¹ https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html ² #1599 Close #1599.
1 parent 712568f commit 1c4fcf3

File tree

5 files changed

+37
-14
lines changed

5 files changed

+37
-14
lines changed
 

‎CHANGELOG.md

+3
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,8 @@
11
### HEAD
22

3+
* Update `apple-touch-icon-precomposed.png` and the _"Apple touch
4+
icons"_ related documentation
5+
([#1599](https://github.com/h5bp/html5-boilerplate/pull/1599)).
36
* Update Apache Server Configs to v2.8.0.
47
* Add pseudo-elements to universal selector in print media query
58
([#1585](https://github.com/h5bp/html5-boilerplate/pull/1585)).

‎dist/apple-touch-icon-precomposed.png

2.82 KB
Loading

‎dist/doc/extend.md

+17-7
Original file line numberDiff line numberDiff line change
@@ -591,13 +591,23 @@ icons using `link` elements placed in the HTML `head` of your document, e.g.:
591591

592592
The main sizes of the icons on iOS are:
593593

594-
* `57×57px` – non-Retina iPhone and iPod Touch
595-
* `72×72px` – iPad mini and the first- and second-generation iPad on iOS ≤ 6
596-
* `76×76px` – iPad mini and the first- and second-generation iPad on iOS ≥ 7
597-
* `114×114px` – iPhone 4+ (with Retina Display) on iOS ≤ 6
598-
* `120×120px` – iPhone 4+ (with Retina Display) on iOS ≥ 7
599-
* `144×144px` – iPad 3+ (with Retina Display)
600-
* `152×152px` – iPad 3+ (with Retina Display)
594+
* `57×57px` – iPhone with @1x display and iPod Touch
595+
* `72×72px` – iPad and iPad mini with @1x display running iOS ≤ 6
596+
* `76×76px` – iPad and iPad mini with @1x display running iOS 7
597+
* `114×114px` – iPhone with @2x display running iOS ≤ 6
598+
* `120×120px` – iPhone with @2x and @3x display running iOS ≥ 7
599+
* `144×144px` – iPad and iPad mini with @2x display running iOS ≤ 6
600+
* `152×152px` – iPad and iPad mini with @2x display running iOS 7
601+
* `180×180px` – iPad and iPad mini with @2x display running iOS 8
602+
603+
Displays meaning:
604+
605+
* @1x - non-Retina
606+
* @2x - Retina
607+
* @3x - Retina HD
608+
609+
More information about the displays of iOS devices can be found
610+
[here](http://en.wikipedia.org/wiki/List_of_iOS_devices#Display).
601611

602612
For non-Retina iPhone, iPod Touch, and Android 2.1+ devices you can use the
603613
example from above or replace the `apple-touch-icon-precomposed.png` within

‎src/apple-touch-icon-precomposed.png

2.82 KB
Loading

‎src/doc/extend.md

+17-7
Original file line numberDiff line numberDiff line change
@@ -591,13 +591,23 @@ icons using `link` elements placed in the HTML `head` of your document, e.g.:
591591

592592
The main sizes of the icons on iOS are:
593593

594-
* `57×57px` – non-Retina iPhone and iPod Touch
595-
* `72×72px` – iPad mini and the first- and second-generation iPad on iOS ≤ 6
596-
* `76×76px` – iPad mini and the first- and second-generation iPad on iOS ≥ 7
597-
* `114×114px` – iPhone 4+ (with Retina Display) on iOS ≤ 6
598-
* `120×120px` – iPhone 4+ (with Retina Display) on iOS ≥ 7
599-
* `144×144px` – iPad 3+ (with Retina Display)
600-
* `152×152px` – iPad 3+ (with Retina Display)
594+
* `57×57px` – iPhone with @1x display and iPod Touch
595+
* `72×72px` – iPad and iPad mini with @1x display running iOS ≤ 6
596+
* `76×76px` – iPad and iPad mini with @1x display running iOS 7
597+
* `114×114px` – iPhone with @2x display running iOS ≤ 6
598+
* `120×120px` – iPhone with @2x and @3x display running iOS ≥ 7
599+
* `144×144px` – iPad and iPad mini with @2x display running iOS ≤ 6
600+
* `152×152px` – iPad and iPad mini with @2x display running iOS 7
601+
* `180×180px` – iPad and iPad mini with @2x display running iOS 8
602+
603+
Displays meaning:
604+
605+
* @1x - non-Retina
606+
* @2x - Retina
607+
* @3x - Retina HD
608+
609+
More information about the displays of iOS devices can be found
610+
[here](http://en.wikipedia.org/wiki/List_of_iOS_devices#Display).
601611

602612
For non-Retina iPhone, iPod Touch, and Android 2.1+ devices you can use the
603613
example from above or replace the `apple-touch-icon-precomposed.png` within

0 commit comments

Comments
 (0)
Please sign in to comment.