{"id":21665344,"url":"https://github.com/dlueth/qoopido.rescale","last_synced_at":"2025-03-20T06:25:59.708Z","repository":{"id":58242563,"uuid":"50987112","full_name":"dlueth/qoopido.rescale","owner":"dlueth","description":"Perfectly sized responsive image solution based on schema.org microdata allowing mediaqueries and/or selectors to determine image variants.","archived":false,"fork":false,"pushed_at":"2017-03-10T14:00:28.000Z","size":81,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-02-25T09:02:03.004Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dlueth.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-02-03T08:58:55.000Z","updated_at":"2017-02-03T15:02:59.000Z","dependencies_parsed_at":"2022-08-30T23:11:48.942Z","dependency_job_id":null,"html_url":"https://github.com/dlueth/qoopido.rescale","commit_stats":null,"previous_names":[],"tags_count":14,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dlueth%2Fqoopido.rescale","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dlueth%2Fqoopido.rescale/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dlueth%2Fqoopido.rescale/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dlueth%2Fqoopido.rescale/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dlueth","download_url":"https://codeload.github.com/dlueth/qoopido.rescale/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244562475,"owners_count":20472660,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-25T10:50:02.684Z","updated_at":"2025-03-20T06:25:59.686Z","avatar_url":"https://github.com/dlueth.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003e **If you would like to support this project feel free to star or fork it, or both. By doing so it will be easier to get it into some of the usual CDNs :)**\n\n\u003e And if you like it and want to help even more, spread the word as well!\n\n# Qoopido.rescale\nRescale is my personal approach at responsive images using [Qoopido.demand](https://github.com/dlueth/qoopido.demand) as its (localStorage caching) module loader as well as some modules from [Qoopido.nucleus](https://github.com/dlueth/qoopido.nucleus), my personal \u0026 modular JavaScript utility library. \n\nImage variants will get generated server-side via PHP (which is included on GitHub) and cached. The class comes with cache validation and adjustable garbage collection as well.\n\nThe JavaScript client part will lazyload perfectly sized images matching either a mediaquery and/or a simple selector. Images not currently visible (or within an adjustable threshold around the currently visible area) will have their aspect ratio changed accordingly but will not get loaded as long as they are not visible.\n\nEach image candidate can have its own width \u0026 height allowing different image aspect ratios for a single element depending on mediaquery and/or selector. Keep in mind though that width and height will only be used to calculate a ratio. The image itself will always auto fit into its own CSS constraints or the ones defined on its parent.\n\n\n## Compatibility\nQoopido.rescale is officially developed for Chrome, Firefox, Safari, Opera and IE9+.\n\nI do test on OSX El Capitan and Rescale is fully working on Chrome, Firefox, Safari and Opera there. To test IE9, 10, 11 as well as Edge the official Microsoft VMs in combination with VirtualBox are being used.\n\n\n## External dependencies\nTo load Rescale [Qoopido.demand](https://github.com/dlueth/qoopido.demand) and some modules from [Qoopido.nucleus](https://github.com/dlueth/qoopido.nucleus) are required.\n\n\n## Availability\nQoopido.rescale is available on GitHub as well as jsdelivr, npm and bower at the moment. CDNJS might follow in the near future.\n\n\n## Loading Rescale \u0026 usage\nTo be able to use Rescale you will need to load [Qoopido.demand](https://github.com/dlueth/qoopido.demand) which comes with extensive documentation within its own repo. If you need a working example of a main.js for Qoopido.demand simply look at the [CodePen demo](http://codepen.io/dlueth/pen/VeGrMe/) I officially provide for Qoopido.rescale.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdlueth%2Fqoopido.rescale","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdlueth%2Fqoopido.rescale","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdlueth%2Fqoopido.rescale/lists"}