Skip to content

Commit

Permalink
Update that we done these.
Browse files Browse the repository at this point in the history
  • Loading branch information
Wilto committed Feb 6, 2017
1 parent b1b6cb5 commit 8857b65
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions _tmpl/_data/efforts.json
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@
},
{
"title": "<code>picture</code> Element",
"status": "Active Development",
"status": "Complete",
"desc": "<p>The <code>picture</code> element contains any number of child <code>source</code> elements and one <code>img</code>.</p><p>When this pattern is used with the <code>media</code> attribute on <code>source</code> elements, it allows developers to mandate that user agents must load specific sources when certain media conditions are met. This allows developers to specify alternate aspect ratios to align with layoutchanges, or alternate framing of image content for optimally highlighting the subject of the image at different sizes.</p><p>When <code>picture</code> and <code>source</code> are used with the <code>type</code> attribute, authors may supply the same image in alternate formats to be requested only by browsers that support said format.</p>",
"hascode": true,
"snippet": "<picture>\n <source srcset=\"large.jpg\" media=\"(min-width: 800px)\">\n <img src=\"small.jpg\" alt=\"\">\n<picture>",
Expand Down Expand Up @@ -80,7 +80,7 @@
},
{
"title": "Advanced <code>srcset</code> and <code>sizes</code> Attributes",
"status": "Active Development",
"status": "Complete",
"desc": "<p><code>srcset</code>’s <code>w</code> descriptor and the <code>sizes</code> attribute allow developers to supply a range of alternate sources for images whose sizes vary within a responsive layout. Optionally working in conjunction with server-side resizing, these syntaxes allow for a fully automated “responsive images” solution.</p>",
"hascode": true,
"snippet": "<img src=\"small.jpg\" sizes=\"100vw\" srcset=\"med.jpg 800w, large.jpg 1400w\" alt=\"\">",
Expand Down Expand Up @@ -117,7 +117,7 @@
},
{
"title": "Basic <code>srcset</code> Attribute",
"status": "Active Development",
"status": "Complete",
"desc": "<p>The <code>srcset</code> attribute allows developers to supply user agents with alternate versions of an image, intended for display at different pixel densities.</p><p>In its most basic and well-supported form, srcset lets developers use <code>x</code> descriptors to specify the intended pixel-density of each source.</p>",
"hascode": true,
"snippet": "<img src=\"standard-definition.jpg\" srcset=\"high-definition.jpg 2x\">",
Expand Down

0 comments on commit 8857b65

Please sign in to comment.