{"id":19286790,"url":"https://github.com/adobe-webplatform/css-regions-polyfill","last_synced_at":"2025-04-22T03:33:40.489Z","repository":{"id":4605301,"uuid":"5748534","full_name":"adobe-webplatform/css-regions-polyfill","owner":"adobe-webplatform","description":"Experimental CSS Regions polyfill written in JavaScript","archived":false,"fork":false,"pushed_at":"2014-04-27T10:54:19.000Z","size":2812,"stargazers_count":160,"open_issues_count":6,"forks_count":18,"subscribers_count":22,"default_branch":"master","last_synced_at":"2025-04-01T19:18:27.501Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://adobe-webplatform.github.com/css-regions-polyfill","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/adobe-webplatform.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-09-10T11:24:51.000Z","updated_at":"2024-11-12T11:16:14.000Z","dependencies_parsed_at":"2022-09-05T10:11:36.939Z","dependency_job_id":null,"html_url":"https://github.com/adobe-webplatform/css-regions-polyfill","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adobe-webplatform%2Fcss-regions-polyfill","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adobe-webplatform%2Fcss-regions-polyfill/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adobe-webplatform%2Fcss-regions-polyfill/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adobe-webplatform%2Fcss-regions-polyfill/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adobe-webplatform","download_url":"https://codeload.github.com/adobe-webplatform/css-regions-polyfill/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250167614,"owners_count":21386004,"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-09T22:04:20.856Z","updated_at":"2025-04-22T03:33:40.109Z","avatar_url":"https://github.com/adobe-webplatform.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CSS Regions polyfill\n\nPrototype library for using [CSS Regions](http://html.adobe.com/webstandards/cssregions/) features in browsers that don't have support for them.\n\n**UPDATE, April 2014: This polyfill is obsolete.**\n\n**[François Remy](https://github.com/FremyCompany) wrote an improved [CSS Regions polyfill](https://github.com/FremyCompany/css-regions-polyfill) with better browser support and broader feature coverage.**\n\n## Usage\n\nInclude the polyfill script in your page\n\u003cpre\u003e\n\u0026lt;script src='cssregions.js'\u0026gt;\u0026lt;/script\u0026gt;\n\u003c/pre\u003e\n\nUse standard CSS regions syntax on the same page.\n\u003cpre\u003e\n#content{\n    /* pull content into a named flow */\n    flow-into: myflow;\n}\n\n.region{\n    /* flow the content into other boxes */\n    flow-from: myFlow;\n\n    width: 200px;\n    height: 100px;\n}\n\u003c/pre\u003e\n\nThe `#content` will be extracted and split across `.region` elements. Regions should be block elements and have explicit dimensions for the polyfill to work.\n\n\n## Contributing\n\n**DO NOT directly modify the `cssregions.js` or `cssregions.min.js` files in the project root.** These files are automatically built from components located under the `src/` directory.\n\nThe project uses [Grunt](http://gruntjs.com) to automate the build process.\n\n\nGrunt depends on [Node.js](http://nodejs.org/) and [npm](https://npmjs.org/).\n\n\n**Install Grunt**\n```\nnpm install -g grunt\n```\n\nTell Grunt to watch for changes and automatically build `cssregions.js` and `cssregions.min.js`:\n```\ncd ./path/to/polyfill/\ngrunt watch\n```\n\nWhile `grunt watch` is running, every time you make changes to components under `src/` the main files, `cssregions.js` and `cssregions.min.js`, are built and written to the project root.\n\nTo do a one-time build run:\n```\ngrunt build\n```\n\n## Testing\n\nThe polyfill has a [QUnit](https://github.com/jquery/qunit)-driven test suite in the `/test/` folder. New code should include at least one test.\n\n**Run the tests**\n\nOpen the `test/index.html` file in a browser. This runs the QUnit test suite. Refresh compulsively after making changes to project files. You can automatically run the test suite with other tools. See below.\n\n\n### Optionals\n\n[Testem](https://github.com/airportyh/testem) automatically runs the QUnit suite across browsers as you make changes to the files. A configuration is provided in `/testem.json`. Testem is optional, but [pretty cool](http://net.tutsplus.com/tutorials/javascript-ajax/make-javascript-testing-fun-with-testem/).\n\nTestem depends on [NodeJS](http://nodejs.org/) and [npm](https://npmjs.org/).\n\n**Install Testem**\n\n```npm install testem -g```\n\n**Run Testem**\n```\ncd ./path/to/polyfill/\ntestem\n```\nThis command will open up the browsers specified in the `testem.json` config file and run the test suite located at `/test/index.html`. As you make changes to any of the files, Testem will re-run the tests.\n\nLearn more from the [Testem docs](https://github.com/airportyh/testem/blob/master/README.md)\n\n\n## License information\n\nThe code in this repository implies and respects different licenses. This is a quick overview. For details check each folder's corresponding LICENSE.md file.\n\n- Apache 2 for CSS Regions polyfill\n- Public Domain for tests, demos and docs\n- Third party assets under their own licenses\n\nSee LICENSE.md for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadobe-webplatform%2Fcss-regions-polyfill","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadobe-webplatform%2Fcss-regions-polyfill","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadobe-webplatform%2Fcss-regions-polyfill/lists"}