responsiveimagescg / meta Goto Github PK
View Code? Open in Web Editor NEWRepository for media, tools, etc.
Repository for media, tools, etc.
It would be nice to file bug straight each spec.
It would be nice to present
During TPAC, a number of people expressed concern that they cannot participate in the CG process (because of IPR issues). Other people (i.e., me) don't want to subscribe to public-html because of the volume of email. One possible solution was to set up a mailing list under the HTMLWG just for responsive images.
We have a new logo for the CG 🎉, but we need the actual source files and a license from the designer to be able to use it .
We need a logo that is 49px in height that can be used next to the W3C Logo. Ideally, this logo will just have the letters RICG from our current logo.
Create a redirect for the W3C landing page... so it's easier to remember, etc.
Need to create a video presentation showing what was discussed during the TPAC presentation to HTMLWG meeting. Marcos recorded the video.
We need some guidelines on how to review a spec. Particularly, the format and some tips and tricks.
I suggest the RICG sign up for Flattr (https://flattr.com/). Considering how many faves each tweet gets, it might be possible to generate some (though admittedly not much) revenue for travel, etc.
You get into syntax a little bit, and covering how the two syntaxes play together is a great idea—I was wondering if we might want to take it a little further and show how the two solutions can work together to address all the use cases. I dunno how much time you have (and I’m last-minute, sorry), but I just hashed some points out real quick:
picture
alone<picture>
<source media="(min-width: 45em)" src="large.jpg">
<source media="(min-width: 18em)" src="med.jpg">
<source src="small.jpg">
<img src="small.jpg" alt="">
</picture>
media="(-webkit-min-device-pixel-ratio: 1.5),
(min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx)"
srcset
alonesrcset
may be simple art-direction and concise resolution-switching.<img src="small.jpg" srcset="small-hd.jpg 2x">
<img src="small.jpg" srcset="small-hd.jpg 2x, med.jpg 600w, med-hd.jpg 600w 2x, large.jpg 800w, large-hd.jpg 800w 2x" alt="">
Separately the two solutions have their own strengths, and when used together we’re able address all of our potential use cases in a concise and flexible manner.
<picture>
<source media="(min-width: 45em)" srcset="large.jpg, large-hd.jpg 2x">
<source media="(min-width: 18em)" srcset="med.jpg, med-hd.jpg 2x">
<source srcset="small.jpg, small-hd.jpg 2x">
<img src="small.jpg" alt="">
</picture>
To be able to reuse the motion graphic at the start and end of videos, it would be good to have it as a pre-rendered 1080p video. Currently, it's was created for 720p.
Much has been talked about the browser preloader, but very little has been written on how to test for it.
ResponsiveImagesCG/picture-element#7
ResponsiveImagesCG/picture-element#9
Is there a tool to do so?
Is there a method to test for preloaded assets?
We need a twitter account to allow people to track spec changes. This includes getting Github's twitter service posting to Twitter automatically.
Currently, when a user goes to [usecases,picture].responsiveimages.org, they end up at, responsiveimagescg.github.com. There really should not be a redirect, it should just display the page transparently.
Trying to work out how to do this with https://help.github.com/articles/setting-up-a-custom-domain-with-pages
Need to create a HTML5 a version of the interview with Odin that can be hosted somewhere. @marcoscaceres might be able to host on dreamhost, but he needs to check how much space is available... otherwise, we need to annoy Vimeo to fix their HTML5 video to support Opera properly.
As responsive images have been added to the agenda of the HTMLWG meeting, we need to create a presentation that shows the use cases, requirements, and how we see picture working with the srcset attribute. Presentation will take place on the 1st of November.
What we want to present:
<picture>
running in Chromium.The format will be in HTML using reveal.js.
The slides are in the TPAC2012 directory in Meta.
Need to write up a trip report detailing what progress we made during TPAC. Will cover:
Depends on: #11
It would be nice to have a way to search for IRC logs. For example, using a google search box.
Below is a sample from google that can be used right now. But if Drupal supports something else that is cool.
<!-- Put the following javascript before the closing </head> tag. -->
<script>
(function() {
var cx = '014646753165310474669:sepbxawpsmi';
var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
})();
</script>
<!-- Place this tag where you want both of the search box and the search results to render -->
<gcse:search></gcse:search>
I think we should create a FAQ for the most common questions.
Things like
Why create a new picture element instead of adapting the current img element?
Why not using CSS?
Why not using SVG?
Why is srcset not enough as standalone?
etc.
This should also be displayed on respimg.org
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 is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
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.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.