responsiveimagescg / picture-refimp Goto Github PK
View Code? Open in Web Editor NEWThis project forked from scottjehl/picturefill
DON'T USE THIS .... A reference implementation in javascript, based on true story (picturefill).
This project forked from scottjehl/picturefill
DON'T USE THIS .... A reference implementation in javascript, based on true story (picturefill).
viewport 1920, density 1
srcset = "large.jpg 600w 2x, small.jpg 240w 1x"
result: default.jpg from src as it should be
srcset = "large.jpg 600w 2x, small.jpg 1x 240w"
result: small.jpg, which is wrong, as I unterstand
regards, Tobi
The second part of the img@srcset parsing algorithm needs to be implemented. This will allow us to display images that adapt to the viewport.
Note: this is currently happening in the "adaptive response" branch
The test suite needs review for completeness). Can be viewed at:
HTML5-based algorithms in the spec should be moved to their own file. This should then be included as needed from a module.
When I narrow my window, the flowers get larger. Isn't the point of responsive images that I should see a smaller image at a narrower viewport? Shouldn't the demo code be reversed?
Okay, now I see the note "DON'T USE THIS" - but it was linked from http://responsiveimages.org/ as "Example srcset Parser". Is there a better demo/parse or should the link be removed?
Need to write a virtual viewport module. Something similar to Boris Smus' Viewport, but without including the parser. It should work across browsers (e.g., we need to figure out how to get pixel ratio from Firefox).
The implementation is currently relying on ECMAScript's parseFloat() instead of HTML5's float parsing algorithm.
The code for the srcset parser has not been reviewed by anyone yet. It would be great if someone could review it. In particular, does the code match the spec text? are the algorithms and data structures ok?
The test suite should be moved into its own directory:
https://github.com/ResponsiveImagesCG/picture-refimp/blob/master/srcsetfill.html
The current parser page lacks any style and needs to integrate with the RICG branding.
Checking out the scrset parser demo on my iPad and noticed it said the density was 3. Shouldn't it be 2 instead?
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.