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을 .
이 라이브러리는 프레젠테이션, 스토리 및 광고를 만들기위한 것입니다.
답변 외에도 여러 원격 뷰어를 서로 동기화하는 nodejs 컨트롤러에 관심이있을 수 있습니다.
참고 URL : https://stackoverflow.com/questions/2533908/basic-framework-for-presentations-using-html5-javascript
'IT story' 카테고리의 다른 글
git의 작동 방식을 이해하려면 무엇을 읽어야합니까? (0) | 2020.08.19 |
---|---|
jQuery 속성 대 소품? (0) | 2020.08.19 |
스타일링하는 방법 (0) | 2020.08.19 |
브라우저는 "\ r \ n"또는 "\ n"을 전송합니까? 아니면 브라우저에 따라 달라 집니까? (0) | 2020.08.19 |
Maven에서 "401 Unauthorized"오류가 발생하는 이유는 무엇입니까? (0) | 2020.08.19 |