HTML5 + 자바 스크립트를 사용한 프레젠테이션을위한 기본 프레임 워크

100

HTML5 및 자바 스크립트 기술만을 사용하여 프레젠테이션을 만들기위한 프레임 워크를 알고 있습니까?
다양한 프레젠테이션 소프트웨어 (파워 포인트 또는 OOo 프레젠테이션)의 "내보내기"기능에 대해 말하는 것이 아닙니다.

이 "프레임 워크"로 만든 프레젠테이션에 대한 몇 가지 요구 사항 :

최신 HTML5 기능 (오디오, 비디오, 캔버스?) 활용
CSS3와 동일 (글꼴 지원, 그라디언트, 그림자, 전환 및 변형)

그러한 것이 없다면 주제에 대한 ~~좋은 프레젠테이션이나~~ 포인터의 예를 주시면 감사하겠습니다.

편집 : 좋은 예를 찾았습니다. HTML5- 다음 단계로 웹 개발 .

javascript html presentation

— 브라이언 클로 젤
소스

2

deck.js GitHub의에도 : imakewebthings.github.com/deck.js

— 의 Tammo B.

13

찬성 38 개 이상, 북마크 26 개, 닫혔나요? 중재자의 보복을 당할 위험이 있으므로 여기서 중재에 문제가 있다고 말해야합니다. 타당한 이유없이 닫히는 흥미로운 질문 12 개를 보았습니다.

— Ben Lesh 2012 년

4

이것은 사이트의 청중과 접촉하지 않는 사이트의 중재 문제를 나타내는 것처럼 보입니다. 솔직히 이것은 또한 stackoverflow.com이 "상어를 뛰어 넘었다"는 신호이기도합니다.

— Ben Lesh 2012 년

3

@blesh 당신은 아래의 가까운 이유에서 꽤 좋은 설명을 얻습니다. 이러한 가까운 이유는 사이트가 시작된 이래로 존재했으며 이러한 유형의 질문이 허용되지 않는다는 것이 자주 묻는 질문 (FAQ)에 명시되어 있으므로 놀랄 일이 아닙니다. 트래픽의 양으로 인해 이러한 종류의 질문이 레이더 아래로 빠져 나가지 만 그 존재를 정당화하지 않습니다. 원하면 메타에 올릴 수 있지만 사람들이 가까운 이유에 동의하지 않을 것이라고 생각합니다 .

— casperOne 2012 년

3

@IvoFlipse : 질문은 답변이 모호하고 완전히 주관적인 메트릭에 의한 "품질"답변인지 여부가 아니라 사람들에게 유용한 지 여부 입니다. 투표로 판단하면 질문과 답변은 많은 사람들에게 매우 유용합니다.

— static_rtti

65

Landslide 는 슬라이드 쇼를 생성하는 매우 깔끔한 애플리케이션입니다.

사용하여 HTML5의 프리젠 테이션 템플릿을
재구성 된 텍스트, 마크 다운 구문

Deck.js 는 또 다른 멋진 프로젝트입니다. 이번에는 슬라이드가 순수한 HTML / CSS / JS입니다.

더 좋은 점 은 impress.js 가 CSS3 변환 및 전환에 의존한다는 것입니다.

— 브라이언 클로 젤
소스

나는 Landslide 파일을 다운로드했지만 나는 멍청한 사람이기 때문에 사용 방법에 대해 완전히 혼란 스럽습니다. 읽어보기 지침은 모든 명령 줄 지침과 함께 그리스어로 들립니다. 시작에 대한 모든 조언을 주시면 감사하겠습니다. 감사합니다

— Sbhambry

1

@Saurabh : git 저장소에서 복제했다고 가정하고을 실행 python setup.py build한 다음 python setup.py install루트 권한으로 실행합니다. 이제 landslide명령을 사용할 수 있으며 samples/디렉터리 에서 실행합니다 .

— Ryan Li

@Ryan 답장 주셔서 감사합니다. 최대한 빨리 기회를 줄 것입니다. 감사!

— Sbhambry

Impress.js 및 Bespoke.js 프레젠테이션을 만들기위한 GUI로 strut.io 를 사용할 수 있습니다 .

— Matt Crinklaw-Vogt 2013

8

프레젠테이션 도구로 Reveal.js를 사용 합니다. 매우 깨끗하고 현대적인 프레젠테이션 도구입니다.

HTML5 / CSS3 / JS로 100 % 만들어졌으며 가장 좋아하는 기능은 다음과 같습니다.

슬라이드 간 CSS3 전환과 같은 3D
중첩 된 슬라이드를 만들 수 있습니다. 세로 슬라이드를 가로 슬라이드로 만들 수 있습니다.
지원 글꼴
슬라이드 사이에 내부 링크를 만듭니다.
highlight.js 덕분에 코드가 예쁘다.
개요 및 두 화면 모드 Esc및`s``

나는 당신이 정말로 원하지 않는다는 것을 알고 있지만 PDF로 내보내고 github에서 포크 할 수 있습니다. :)

— 자비에르
소스

2

당신은 웹 소켓 지원 및 당신이 시도 할 수있는 센차 2.0 HTML5 모바일 응용 프로그램을 통해 Deck.js 프리젠 테이션을 제어 할 수있는 능력 얻고 싶다면 Robodeck을 .

— jdcravens
소스

1

이 라이브러리는 프레젠테이션, 스토리 및 광고를 만들기위한 것입니다.

BoardJS

— Porizm
소스

0

답변 외에도 여러 원격 뷰어를 서로 동기화하는 nodejs 컨트롤러에 관심이있을 수 있습니다.

controldesk.js

— Neil
소스