Skip to content
This repository has been archived by the owner on Aug 10, 2022. It is now read-only.

Couple notes on the responsive images section #6

Closed
Wilto opened this issue Apr 30, 2014 · 4 comments
Closed

Couple notes on the responsive images section #6

Wilto opened this issue Apr 30, 2014 · 4 comments
Assignees

Comments

@Wilto
Copy link

Wilto commented Apr 30, 2014

Just had a few quick notes on https://developers.google.com/web/fundamentals/documentation/introduction-to-media/images/index#responsive-images, having written up the “responsive images problem” like a thousand times now.

An image that is 50% width may work just fine when the browser is 800px wide, but will use too much real estate on a narrow phone.

This kind of implies the “big enough for wide-screen layouts will be too big for small screens” problem, but it might be worth adding something to the tune of “an image large enough to be appropriate for a wide-screen layout comes with all the same bandwidth overhead when scaled down to suit a small-screen layout.”

Also, might be worth mentioning the upcoming picture element in the content images section?

https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/vuLeAM9fJww/UHnMz7QLRWgJ
http://picture.responsiveimages.org

Great stuff, guys—looking forward to reading through everything!

@Wilto Wilto changed the title Couple of notes on the responsive images Couple notes on the responsive images section Apr 30, 2014
@PaulKinlan
Copy link
Contributor

cc @petele and @samdutton

We had a long think about picture element, when it lands properly we will put it in as it helps us solve a number of issues.

@petele
Copy link
Member

petele commented Apr 30, 2014

According to http://responsiveimages.org/, isn't supported natively by anyone yet which is why I decided not to include it. Firefox and Chrome have committed to it, and once it lands there, we'll get the content updated.

@petele petele closed this as completed in 434c4ed Apr 30, 2014
@PaulKinlan
Copy link
Contributor

This is on staging and should be live when we do the next push. @petele can you raise an issue so we can track element. ta

@samdutton
Copy link
Contributor

I already wrote content for , should be pretty much ready to go when the time is right.

greenido added a commit that referenced this issue Nov 3, 2015
petele pushed a commit that referenced this issue May 9, 2016
Added a translated step_04 page of PWA section.
gauntface pushed a commit that referenced this issue Nov 15, 2017
# This is the 1st commit message:

Adding start of Workbox v3 alpha docs

# This is the commit message #2:

Adding v3 alpha

# This is the commit message #3:

Adding configuration guide

# This is the commit message #4:

Adding workbox-precaching and fixing nested parameters

# This is the commit message #5:

Setting up namespaced docs on WF

# This is the commit message #6:

Adding ref and module docs for precaching

# This is the commit message #7:

Adding ref and module docs for precaching

# This is the commit message #8:

Routing Docs and module guide

# This is the commit message #9:

Routing Docs and module guide

# This is the commit message #10:

Adding workbox-cache-expiration guide and reference docs

# This is the commit message #11:

Adding routing docs

# This is the commit message #12:

Changing menu name

# This is the commit message #13:

Adding ability to use custom project yaml

# This is the commit message #14:

Adding workbox pages

# This is the commit message #15:

Getting it to work on devsite staging

# This is the commit message #16:

Adding some headings instead of sections but need to stage

# This is the commit message #17:

Moving to heading

# This is the commit message #18:

Adding heading support for navigation

# This is the commit message #19:

Adding contributor list

# This is the commit message #20:

Adding more content for docs

# This is the commit message #21:

Adding in company logos

# This is the commit message #22:

Adding in company logos

# This is the commit message #23:

Adding logos

# This is the commit message #24:

Adding some fixes for left nav

# This is the commit message #25:

Renaming strategies

# This is the commit message #26:

Fixng ref doc bug and add missing module pages

# This is the commit message #27:

Adding Guides etc
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants