Differences

This shows you the differences between two versions of the page.

--- uda-fewd:responsive_images:srcset [2017/04/16 00:54] – created leo
+++ uda-fewd:responsive_images:srcset [2017/04/29 11:36] (current) – leo
@@ Line 13: / Line 13: @@
 Srcset peut aussi être utilisé avec des unités de largeur.
-à continuer à 2:40
+note perso : https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images
+====== srcset ======
+**Spot the deliberate mistake!**
+At around 2:30 you’ll see that Firefox chooses wallaby_1x.jpg even with srcset turned on. That’s because we did the screencast on a 1x display :^).
+----
+Examples:
+  * [[http://udacity.github.io/responsive-images/examples/3-03/srcsetWValues|srcset with w values]]
+  * [[http://udacity.github.io/responsive-images/examples/3-03/srcsetWValues50vw|srcset with w values, 50vw]]
+----
+[[http://ericportis.com/posts/2014/srcset-sizes/|A fun article on srcset]] (Warning: A little bit of NSFW language)
+[[http://pixensity.com/list/phone|Device pixel density list]]
+[[http://www.html5rocks.com/en/mobile/high-dpi/|More information about working with pixel density]]
+[[https://github.com/ResponsiveImagesCG/picture-element/issues/86|Working with h units]]
+[[https://en.wikipedia.org/wiki/Wallaby|Wikipedia wallabies]]