RICG newsletter ideas, copy, etc.
Thinking we can use this repo for a couple of things: a place to work on (close to final-ish) copy, and the issue tracker for collecting ideas—just us until we get our bearings somewhat, then take this public after we get a couple emails out the door so we can take topic submissions and questions.
http://nostrongbeliefs.com/responsive-images/
It's great!
Missed this last week. Raises concerns about putting layout in markup. A bit of a downer, but well-reasoned & written.
HTML5Shiv: Add picture element to the list of elements to shiv/m
aFarkas/html5shiv#150
caniuse: Add srcset attribute on img.
Fyrd/caniuse#518
Modernizr: Test for sizes attribute support on img.
Modernizr/Modernizr#1305
Modernizr: Add test for picture element support, per the proposed spec/impl. currently underway.
Modernizr/Modernizr#1302
Inside baseball?
Drama-y?
Or substantive and new?
"stable state" and microtasks
https://codereview.chromium.org/200923002/
Might be too technical for a broad audience and I'm not sure how to explain it myself?
Fyrd/caniuse#487 (comment)
It’s currently not live but in master on github already.
Here’s an PR with updated information: https://github.com/Fyrd/caniuse/pull/578/files (atm unmerged)
https://codereview.chromium.org/337883003/
How’s this for a plain language explanation?
Previously, contrary to the spec, Blink’s media-query code was running any code that needed to be notified of media changes on the main thread. This is bad for all kinds of reasons, not least of which was that it prevented picture (whose media attributes are emphatically/purposefully/necessarily evaluated off of the main thread) from reacting to changes. That roadblock is gone now, and the road towards picture in Chrome 39 has been paved.
Use the markup solution that we've got, now. And work towards better solutions that can leverage other layers, later:
http://timkadlec.com/2014/05/dont-wait-on-responsive-images/
http://monkeydo.biz/blog/an-event-apart-and-the-picture-element
picture on a real-world, high-profile site.picture over a background-image because they needed more layout control, not because the image was clearly content or presentational (in their defense, the image in question sits squarely on that fence)picture gave them more control, but I don't see how. Given the new crops they're rendering on the back end, wouldn't the same art direction be possible entirely in CSS? They're not using sizes, just media queries and 1x/2x.... for review. Fully operational:
http://ircbot.responsiveimages.org/bot/log/respimg/2014-05-19#T71749
Patch links there.
There has been some debate about whether or not to shoot for srcset and sizes in Chrome 37 (ships in August!):
ResponsiveImagesCG/picture-element#175
https://codereview.chromium.org/374573003
https://twitter.com/yoavweiss/status/486410249948000256
No reason we shouldn't call this out and congratulate, right?
How many core owners are there, anyways?
It's in the DOM! https://codereview.chromium.org/261823002/
Preloader support! https://codereview.chromium.org/265763010/
Responsive Imagineers Cool Guys
https://github.com/ResponsiveImagesCG/eq-usecases
chrome://flags/#enable-experimental-web-platform-featuresDummy image generators like http://placehold.it/ are helpful, so you can see which source you're loading.
Extra Credit: Submit bugs by either pinging Yoav in the IRC or by submitting them to new.crbug.com
Links tbd
Not sure what this means but it looks like big progress: https://bugzilla.mozilla.org/show_bug.cgi?id=870022
These patches provide a basically working
element as well as sizesattr support when applied on top of those in bug 870021. I need to finishreviewing my list-o-issues and add a pref toggle and tests before these areready for review.
http://dev.opera.com/articles/responsive-images/
Also, http://www.brucelawson.co.uk/2014/on-the-complexity-of-the-picture-element/
And if my dull brain can understand it, yours can.
— Bruce Lawson (sorta-kinda inventor of the picture element)
https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/t3KRycUCGA8
This means for-sure on-by-default in Chrome 38, yeah? (barring, of course, crazybugs or meteor strikes or whatnot).
http://fourword.fourkitchens.com/article/using-casperjs-test-picturefill
picture/srcset’s functionality can be hard to test manually. It's hard to tell without opening the dev tools if a larger source than necessary has been loaded, and testing involves lots of fiddly browser-window resizing. Chris tells us how to automate it!
crosses fingers for 15K
Behind a flag.
I heard a rumor that sizes support is in there, too, but I couldn't get it to work...
dev.w3.org/html5/srcset/
http://ircbot.responsiveimages.org/bot/log/respimg/2014-08-15#T86936
http://martinwolf.org/2014/05/07/the-new-srcset-and-sizes-explained/
I wish I could read a thousand "here's what was confusing to me and how it eventually clicked" articles.
https://codereview.chromium.org/200923002/
Yoav's discussion here helped me understand a little bit what this is all about:
https://twitter.com/yoavweiss/status/466208161029160961
Basically this delays image loading until the browser knows everything it needs to about the img’s content, context, and state.
I don't know how deep I want to dive on this (my understanding is pretty shallow) but it seems worth mentioning, at least in terms of “laying the foundations for picture and srcset”
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.