Базовая структура для презентаций с использованием HTML5 + JavaScript
Знаете ли вы основы для создания презентаций с использованием только технологий HTML5 и Javascript?
Я не говорю об "экспортных" функциях различных программ для презентаций (PowerPoint или OOo).
Некоторые требования к презентациям, сделанным с помощью этой "рамки":
- воспользоваться новейшими функциями HTML5 (аудио, видео, холст?)
- то же самое с CSS3 (поддержка шрифтов, градиент, тени, переходы и преобразования)
Если такого нет, пример хороших презентаций или указателей по этому вопросу был бы оценен.
Изменить: Нашел хороший пример, HTML5 - веб-разработка на следующий уровень.
5 ответов
Landslide - довольно удобное приложение, которое генерирует слайд-шоу:
- используя шаблон презентации html5
- Переструктурированный текст, синтаксис Markdown
Deck.js - еще один хороший проект; на этот раз слайды - чистый HTML/CSS/JS.
Более того, impression.js использует CSS3-преобразования и переходы.
В качестве инструмента презентации я использую Reveal.js, это очень чистый и современный инструмент презентации.
Это сделано на 100% с HTML5/CSS3/JS, функции, которые мне нравятся больше всего:
- 3D как CSS3 переходы между слайдами
- Вы можете создавать вложенные слайды - вертикальные слайды в горизонтальные
- Поддержка font-face
- вы делаете внутренние ссылки между слайдами
- Код красивый, благодаря highlight.js
- Обзор и режим двух экранов с
Escи `s``
Я знаю, что вы на самом деле не хотите этого, но вы можете экспортировать в PDF и раскошелиться на github:)
Если вы хотите получить поддержку веб-сокетов и возможность управлять презентациями Deck.js с помощью мобильного приложения Sencha 2.0 HTML5, вы можете попробовать Robodeck.
Эта библиотека для создания презентаций, рассказов и рекламы.
В дополнение к ответам, вы также можете быть заинтересованы в контроллере nodejs для синхронизации нескольких удаленных зрителей друг с другом.