[javascript] HTML5 + 자바 스크립트를 사용한 프레젠테이션을위한 기본 프레임 워크
HTML5 및 자바 스크립트 기술만을 사용하여 프레젠테이션을 만들기위한 프레임 워크를 알고 있습니까?
다양한 프레젠테이션 소프트웨어 (파워 포인트 또는 OOo 프레젠테이션)의 “내보내기”기능에 대해 말하는 것이 아닙니다.
이 “프레임 워크”로 만든 프레젠테이션에 대한 몇 가지 요구 사항 :
- 최신 HTML5 기능 (오디오, 비디오, 캔버스?) 활용
- CSS3와 동일 (글꼴 지원, 그라디언트, 그림자, 전환 및 변형)
그러한 것이 없다면 주제에 대한 좋은 프레젠테이션이나 포인터의 예를 주시면 감사하겠습니다.
편집 : 좋은 예를 찾았습니다. HTML5- 다음 단계로 웹 개발 .
답변
Landslide 는 슬라이드 쇼를 생성하는 매우 깔끔한 애플리케이션입니다.
- 사용하여 HTML5의 프리젠 테이션 템플릿을
- 재구성 된 텍스트, 마크 다운 구문
Deck.js 는 또 다른 멋진 프로젝트입니다. 이번에는 슬라이드가 순수한 HTML / CSS / JS입니다.
더 좋은 점 은 impress.js 가 CSS3 변환 및 전환에 의존한다는 것입니다.
답변
프레젠테이션 도구로 Reveal.js를 사용 합니다. 매우 깨끗하고 현대적인 프레젠테이션 도구입니다.
HTML5 / CSS3 / JS로 100 % 만들어졌으며 가장 좋아하는 기능은 다음과 같습니다.
- 슬라이드 간 CSS3 전환과 같은 3D
- 중첩 된 슬라이드를 만들 수 있습니다. 세로 슬라이드를 가로 슬라이드로 만들 수 있습니다.
- 지원 글꼴
- 슬라이드 사이에 내부 링크를 만듭니다.
- highlight.js 덕분에 코드가 예쁘다.
- 개요 및 두 화면 모드
Esc
및`s“
나는 당신이 정말로 원하지 않는다는 것을 알고 있지만 PDF로 내보내고 github에서 포크 할 수 있습니다. 🙂
답변
당신은 웹 소켓 지원 및 당신이 시도 할 수있는 센차 2.0 HTML5 모바일 응용 프로그램을 통해 Deck.js 프리젠 테이션을 제어 할 수있는 능력 얻고 싶다면 Robodeck을 .