{"id":20328879,"url":"https://github.com/kaliber5/ember-cli-lazysizes","last_synced_at":"2025-04-11T20:41:12.508Z","repository":{"id":40745169,"uuid":"118482444","full_name":"kaliber5/ember-cli-lazysizes","owner":"kaliber5","description":"Lazysizes for Ember.js applications.","archived":false,"fork":false,"pushed_at":"2022-12-10T20:31:53.000Z","size":2479,"stargazers_count":10,"open_issues_count":21,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-25T16:46:08.036Z","etag":null,"topics":["ember-addon","image-optimization","lazysizes"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kaliber5.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-01-22T16:20:21.000Z","updated_at":"2022-06-24T05:59:50.000Z","dependencies_parsed_at":"2023-01-26T09:00:26.478Z","dependency_job_id":null,"html_url":"https://github.com/kaliber5/ember-cli-lazysizes","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaliber5%2Fember-cli-lazysizes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaliber5%2Fember-cli-lazysizes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaliber5%2Fember-cli-lazysizes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaliber5%2Fember-cli-lazysizes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kaliber5","download_url":"https://codeload.github.com/kaliber5/ember-cli-lazysizes/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247962460,"owners_count":21024862,"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":["ember-addon","image-optimization","lazysizes"],"created_at":"2024-11-14T20:08:21.386Z","updated_at":"2025-04-11T20:41:12.488Z","avatar_url":"https://github.com/kaliber5.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"ember-cli-lazysizes\n==============================================================================\n\n[![CI](https://github.com/kaliber5/ember-cli-lazysizes/workflows/CI/badge.svg)](https://github.com/kaliber5/ember-cli-lazysizes/actions?query=workflow%3ACI+branch%3Amaster)\n\nEmber.js integration of [lazysizes](https://github.com/aFarkas/lazysizes) loader for images (responsive and regular), iframes and more without any required configuration. See the [demo app](http://afarkas.github.io/lazysizes) from the original repository.\n\n\nCompatibility\n------------------------------------------------------------------------------\n\n* Ember.js v3.16 or above\n* Ember CLI v2.13 or above\n* Node.js v10 or above\n\n\nInstallation\n------------------------------------------------------------------------------\n\n```\nember install ember-cli-lazysizes\n```\n\n\nUsage\n------------------------------------------------------------------------------\n\nUsage is simple, all you have to do is to assign the class (default: `'lazyload'`) to any image tag in your template,\nand use `data-src` or `data-srcset` attributes instead of `src` or `srcset`:\n\n```html\n\u003cimg data-src=\"tomster.png\" alt=\"tomster\" class=\"lazyload\"\u003e\n```\n\nSee the lazysizes' [markup API](https://github.com/aFarkas/lazysizes#markup-api) for all the supported loading patterns.\n\n### Configuration\n\nAll defaults can be overwritten in `ember-cli-build.js` file:\n\n```js\n'ember-cli-lazysizes': {\n  lazyClass: 'lazy',\n  loadedClass: 'loaded'\n}\n```\n\nFind more about lazysizes' configuration options on its [original repo](https://github.com/aFarkas/lazysizes#js-api---options).\n\n### Plugins\n\nLazysizes provides a number of [plugins](https://github.com/aFarkas/lazysizes#available-plugins-in-this-repo). You can easily include the plugins you need through the `plugins` option.\n\n```js\n'ember-cli-lazysizes': {\n  plugins: [\n    'bgset',\n    'aspectratio'\n  ]\n}\n```\nSee the [list of available plugin-names](https://github.com/aFarkas/lazysizes/tree/gh-pages/plugins)\n\n\nContributing\n------------------------------------------------------------------------------\n\nSee the [Contributing](CONTRIBUTING.md) guide for details.\n\n\nLicense\n------------------------------------------------------------------------------\n\nThis project is licensed under the [MIT License](LICENSE.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkaliber5%2Fember-cli-lazysizes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkaliber5%2Fember-cli-lazysizes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkaliber5%2Fember-cli-lazysizes/lists"}