{"id":20747963,"url":"https://github.com/osbi/meteoritecloud-slides","last_synced_at":"2025-07-16T21:13:24.908Z","repository":{"id":3296453,"uuid":"4337805","full_name":"OSBI/meteoritecloud-slides","owner":"OSBI","description":"meteoritecloud-slides","archived":false,"fork":false,"pushed_at":"2012-05-16T14:24:54.000Z","size":220,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-18T03:12:00.780Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/OSBI.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":"2012-05-15T16:12:45.000Z","updated_at":"2014-02-10T02:00:13.000Z","dependencies_parsed_at":"2022-09-04T01:10:27.567Z","dependency_job_id":null,"html_url":"https://github.com/OSBI/meteoritecloud-slides","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OSBI%2Fmeteoritecloud-slides","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OSBI%2Fmeteoritecloud-slides/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OSBI%2Fmeteoritecloud-slides/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OSBI%2Fmeteoritecloud-slides/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/OSBI","download_url":"https://codeload.github.com/OSBI/meteoritecloud-slides/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243047279,"owners_count":20227589,"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-17T08:14:54.524Z","updated_at":"2025-03-11T13:44:47.545Z","avatar_url":"https://github.com/OSBI.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"impress.js\n============\n\nIt's a presentation framework based on the power of CSS3 transforms and \ntransitions in modern browsers and inspired by the idea behind prezi.com.\n\n**WARNING**\n\nimpress.js may not help you if you have nothing interesting to say ;)\n\n\nABOUT THE NAME\n----------------\n\nimpress.js name in [courtesy of @skuzniak](http://twitter.com/skuzniak/status/143627215165333504).\n\nIt's an (un)fortunate coincidence that a Open/LibreOffice presentation tool is called Impress ;)\n\n\nVERSION HISTORY\n-----------------\n\n### 0.5.3 ([browse](http://github.com/bartaz/impress.js/tree/0.5.3), [zip](http://github.com/bartaz/impress.js/zipball/0.5.3), [tar](http://github.com/bartaz/impress.js/tarball/0.5.3))\n\n#### BUGFIX RELEASE\n\nVersion 0.5 introduced events including `impress:stepenter`, but this event was not triggered properly in some\nspecific transition types (for example when only scale was changing between steps). It was caused by the fact that\nin such cases expected `transitionend` event was not triggered.\n\nThis version fixes this issue. Unfortunately modern `transitionend` event is no longer used to detect when the\ntransition has finished, but old school (and more reliable) `setTimeout` is used.\n\n\n### 0.5.2 ([browse](http://github.com/bartaz/impress.js/tree/0.5.2), [zip](http://github.com/bartaz/impress.js/zipball/0.5.2), [tar](http://github.com/bartaz/impress.js/tarball/0.5.2))\n\n#### DOCUMENTATION RELEASE\n\nMore descriptive comments added to demo CSS and impress.js source file, so now not only `index.html` is worth reading ;)\n\n\n### 0.5.1 ([browse](http://github.com/bartaz/impress.js/tree/0.5.1), [zip](http://github.com/bartaz/impress.js/zipball/0.5.1), [tar](http://github.com/bartaz/impress.js/tarball/0.5.1))\n\n#### BUGFIX RELEASE\n\nChanges in version 0.5 introduced a bug (#126) that was preventing clicks on links (or any clickable elements) on\ncurrently active step. This release fixes this issue.\n\n\n\n### 0.5 ([browse](http://github.com/bartaz/impress.js/tree/0.5), [zip](http://github.com/bartaz/impress.js/zipball/0.5), [tar](http://github.com/bartaz/impress.js/tarball/0.5))\n\n#### CHANGELOG\n\n* API changed, so that `impress()` function no longer automatically initialize presentation; new method called `init`\n  was added to API and it should be used to start the presentation\n* event `impress:init` is triggered on root presentation element (`#impress` by default) when presentation is initialized\n* new CSS classes were added: `impress-disabled` is added to body element by the impress.js script and it's changed to \n  `impress-enabled` when `init()` function is called\n* events added when step is entered and left - custom `impress:stepenter` and `impress:stepleave` events are triggered\n  on step elements and can be handled like any other DOM events (with `addEventListener`)\n* additional `past`, `present` and `future` classes are added to step elements\n    - `future` class appears on steps that were not yet visited\n    - `present` class appears on currently visible step - it's different from `active` class as `present` class\n       is added when transition finishes (step is entered)\n    - `past` class is added to already visited steps (when the step is left)\n* and good news, `goto()` API method is back! it seems that `goto` **was** a future reserved word but isn't anymore,\n  so we can use this short and pretty name instead of camelCassy `stepTo` - and yes, that means API changed again...\n* additionally `goto()` method now supports new types of parameters:\n    - you can give it a number of step you want to go to: `impress().goto(7)`\n    - or its id: `impress().goto(\"the-best-slide-ever\")`\n    - of course DOM element is still acceptable: `impress().goto( document.getElementById(\"overview\") )`\n* and if it's not enough, `goto()` also accepts second parameter to define the transition duration in ms, for example\n  `impress().goto(\"make-it-quick\", 300)` or `impress().goto(\"now\", 0)`\n\n#### UPGRADING FROM PREVIOUS VERSIONS\n\nIn current version calling `impress()` doesn't automatically initialize the presentation. You need to call `init()`\nfunction from the API. So in a place were you called `impress()` to initialize impress.js simply change this call\nto `impress().init()`.\n\nVersion 0.4 changed `goto` API method into `stepTo`. It turned out that `goto` is not a reserved word anymore, so it\ncan be used in JavaScript. That's why version 0.5 brings it back and removes `stepTo`.\n\nSo if you have been using version 0.4 and have any reference to `stepTo` API method make sure to change it to `goto`.\n\n\n\n### 0.4.1 ([browse](http://github.com/bartaz/impress.js/tree/0.4.1), [zip](http://github.com/bartaz/impress.js/zipball/0.4.1), [tar](http://github.com/bartaz/impress.js/tarball/0.4.1))\n\n#### BUGFIX RELEASE\n\nChanges is version 0.4 introduced a bug causing JavaScript errors being thrown all over the place in fallback mode.\nThis release fixes this issue.\n\nIt also adds a flag `impress.supported` that can be used in JavaScript to check if impress.js is supported in the browser.\n\n\n\n### 0.4 ([browse](http://github.com/bartaz/impress.js/tree/0.4), [zip](http://github.com/bartaz/impress.js/zipball/0.4), [tar](http://github.com/bartaz/impress.js/tarball/0.4))\n\n#### CHANGELOG\n\n* configuration options on `#impress` element: `data-perspective` (in px, defaults so 1000),\n  `data-transition-duration` (in ms, defaults to 1000)\n* automatic scaling to fit window size, with configuration options:  `data-width` (in px, defaults to 1024),\n  `data-height` (in px, defaults to 768), `max-scale` (defaults to 1), `min-scale` (defaults to 0)\n* `goto` API function was renamed to `stepTo` because `goto` is a future reserved work in JavaScript,\n  so **please make sure to update your code**\n* fallback `impress-not-supported` class is now set on `body` element instead of `#impress` element and it's\n  replaced with `impress-supported` when browser supports all required features\n* classes `step-ID` used to indicate progress of the presentation are now renamed to `impress-on-ID` and are\n  set on `body` element, so **please make sure to update your code**\n* basic validation of configuration options\n* couple of typos and bugs fixed\n* favicon added ;)\n\n\n#### UPGRADING FROM PREVIOUS VERSIONS\n\nIf in your custom JavaScript code you were using `goto()` function from impress.js API make sure to change it\nto `stepTo()`.\n\nIf in your CSS you were using classes based on currently active step with `step-` prefix, such as `step-bored`\n(where `bored` is the id of the step element) make sure to change it to `impress-on-` prefix\n(for example `impress-on-bored`). Also in previous versions these classes were assigned to `#impress` element\nand now they are added to `body` element, so if your CSS code depends on this, it also should be updated.\n\nSame happened to `impress-not-supported` class name - it was moved from `#impress` element to `body`, so update\nyour CSS if it's needed.\n\n#### NOTE ON BLACKBERRY PLAYBOOK\n\nChanges and fixes added in this version have broken the experience on Blackberry Playbook with OS in version 1.0.\nIt happened due to a bug in the Playbook browser in this version. Fortunately in version 2.0 of Playbook OS this\nbug was fixed and impress.js works fine.\n\nSo currently impress.js work only on Blackberry Playbook with latest OS. Fortunately, [it seems that most of the\nusers](http://twitter.com/n_adam_stanley/status/178188611827679233) [are quite quick with updating their devices]\n(http://twitter.com/brcewane/status/178230406196379648)\n\n\n\n### 0.3 ([browse](http://github.com/bartaz/impress.js/tree/0.3), [zip](http://github.com/bartaz/impress.js/zipball/0.3), [tar](http://github.com/bartaz/impress.js/tarball/0.3))\n\n#### CHANGELOG\n\n* minor CSS 3D fixes\n* basic API to control the presentation flow from JavaScript\n* touch event support\n* basic support for iPad (iOS 5 and iOS 4 with polyfills) and Blackberry Playbook\n\n#### UPGRADING FROM PREVIOUS VERSIONS\n\nBecause API was introduced the way impress.js script is initialized was changed a bit. You not only has to include\n`impress.js` script file, but also call `impress()` function.\n\nSee the source of `index.html` for example and more details.\n\n\n### 0.2 ([browse](http://github.com/bartaz/impress.js/tree/0.2), [zip](http://github.com/bartaz/impress.js/zipball/0.2), [tar](http://github.com/bartaz/impress.js/tarball/0.2))\n\n* tutorial/documentation added to `index.html` source file\n* being even more strict with strict mode\n* code clean-up\n* couple of small bug-fixes\n\n\n### 0.1 ([browse](http://github.com/bartaz/impress.js/tree/0.1), [zip](http://github.com/bartaz/impress.js/zipball/0.1), [tar](http://github.com/bartaz/impress.js/tarball/0.1))\n\nFirst release.\n\nContains basic functionality for step placement and transitions between them\nwith simple fallback for non-supporting browsers.\n\n\n\nHOW TO USE IT\n---------------\n\n[Use the source](http://github.com/bartaz/impress.js/blob/master/index.html), Luke ;)\n\nIf you have no idea what I mean by that, or you just clicked that link above and got \nvery confused by all these strange characters that got displayed on your screen,\nit's a sign, that impress.js is not for you.\n\nSorry.\n\nFortunately there are some guys on GitHub that got quite excited with the idea of building\nediting tool for impress.js. Let's hope they will manage to do it.\n\n\nEXAMPLES AND DEMOS\n--------------------\n\n### Official demo\n\n[impress.js demo](http://bartaz.github.com/impress.js) by [@bartaz](http://twitter.com/bartaz)\n\n### Other examples\n\nMore examples and demos can be found on [Examples and demos wiki page](http://github.com/bartaz/impress.js/wiki/Examples-and-demos).\n\nFeel free to add your own example presentations (or websites) there.\n\n\n\nWANT TO CONTRIBUTE?\n---------------------\n\nIf you've found a bug or have a great idea for new feature let me know by [adding your suggestion]\n(http://github.com/bartaz/impress.js/issues/new) to [issues list](https://github.com/bartaz/impress.js/issues).\n\nIf you have fixed a bug or implemented a feature that you'd like to share, send your pull request against [dev branch]\n(http://github.com/bartaz/impress.js/tree/dev). But remember that I only accept code that fits my vision of impress.js\nand my coding standards - so make sure you are open for discussion :)\n\n\n\nBROWSER SUPPORT\n-----------------\n\n### TL;DR;\n\nCurrently impress.js works fine in latest Chrome/Chromium browser, Safari 5.1 and Firefox 10.\nWith addition of some HTML5 polyfills (see below for details) it should work in Internet Explorer 10\n(currently available as Developers Preview).\nIt doesn't work in Opera, as it doesn't support CSS 3D transforms.\n\nAs a presentation tool it was not developed with mobile browsers in mind, but some tablets are good\nenough to run it, so it should work quite well on iPad (iOS 5, or iOS 4 with HTML5 polyfills) and \nBlackberry Playbook.\n\n### Still interested? Read more...\n\nAdditionally for the animations to run smoothly it's required to have hardware\nacceleration support in your browser. This depends on the browser, your operating\nsystem and even kind of graphic hardware you have in your machine.\n\nFor browsers not supporting CSS3 3D transforms impress.js adds `impress-not-supported`\nclass on `#impress` element, so fallback styles can be applied to make all the content accessible.\n\n\n### Even more explanation and technical stuff\n\nLet's put this straight -- wide browser support was (and is) not on top of my priority list for\nimpress.js. It's built on top of fresh technologies that just start to appear in the browsers\nand I'd like to rather look forward and develop for the future than being slowed down by the past.\n\nBut it's not \"hard-coded\" for any particular browser or engine. If any browser in future will\nsupport features required to run impress.js, it will just begin to work there without changes in\nthe code.\n\nFrom technical point of view all the positioning of presentation elements in 3D requires CSS 3D\ntransforms support. Transitions between presentation steps are based on CSS transitions.\nSo these two features are required by impress.js to display presentation correctly.\n\nUnfortunately the support for CSS 3D transforms and transitions is not enough for animations to\nrun smoothly. If the browser doesn't support hardware acceleration or the graphic card is not \ngood enough the transitions will be laggy.\n\nAdditionally the code of impress.js relies on APIs proposed in HTML5 specification, including\n`classList` and `dataset` APIs. If they are not available in the browser, impress.js will not work.\n\nFortunately, as these are JavaScript APIs there are polyfill libraries that patch older browsers\nwith these APIs.\n\nFor example IE10 is said to support CSS 3D transforms and transitions, but it doesn't have `classList`\nnot `dataset` APIs implemented at the moment. So including polyfill libraries *should* help IE10\nwith running impress.js.\n\n\n### And few more details about mobile support\n\nMobile browsers are currently not supported. Even Android browsers that support CSS 3D transforms are\nforced into fallback view at this point.\n\nFortunately some tablets seem to have good enough hardware support and browsers to handle it.\nCurrently impress.js presentations should work on iPad and Blackberry Playbook.\n\nIn theory iPhone should also be able to run it (as it runs the same software as iPad), but I haven't\nfound a good way to handle it's small screen.\n\nAlso note that iOS supports `classList` and `dataset` APIs starting with version 5, so iOS 4.X and older\nrequires polyfills to work.\n\n\nLICENSE\n---------\n\nCopyright 2011-2012 Bartek Szopka\n\nReleased under the MIT and GPL Licenses.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fosbi%2Fmeteoritecloud-slides","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fosbi%2Fmeteoritecloud-slides","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fosbi%2Fmeteoritecloud-slides/lists"}