Reveal.js Presentation Tutorials
Reveal.js is a wonderful way to easily create presentations directly on your website.
This article is about creating an interactive presentation using reveal and Leap Motion. In this post, reveal.js is being run within the express, a node.js web application framework. The Leap Motion controller is also used as well for the slide navigation and provides code syntax highlighting.
This tutorial was written by PenFlip on how to use reveal.js for presenters and instructors. In this tutorial, it shows the basic of getting started in creating amazing interactive slideshows using HTML and requires users to have at least have a little understanding of HTML and CSS, but learning this is easy.
This tutorial was written by Nick Anastasov about providing smartphone remote control of reveal.js presentations with node.js and socket.io. By using reveal.js, this handles animations and transitions between slides,as well as support for keyboard and touch events. The technique used was easy, and codes and examples are included in this tutorial.
Ted Curran created this tutorial showing how to use reveal.js and explaining how to create HTML5 presentations from design to implementing reveal.js. This shows how to quickly convert a markdown presentation into an HTML5 presentation by using reveal.js and works great using desktop and mobile devices.
This tutorial explains how to create popup modals in reveal.js presentations. It has basic information like full control, the essentials, bundling your assets, build a navigation, forms and includes and layouts to fully understand this tutorial. Also, the nav and modal are included in the header of layout.tpl.
This tutorial explains on how to reactive HTML presentations using reveal.js gist and openshift. By using this presentation, a browser with CSS 3D like Chrome, Firefox, Safari, Opera and IE 10-11 are supported. This article helps in giving tips in creating reveal.js presentations easily.
This article is about using reveal.js on github for your presentations by Cynthia Ng. There are some notes and tips on using markdown, on code highlight and printing to PDF.
This tutorial shows you how to quickly setup a wordcamp presentation from editing a single HTML file using desktopserver to create a new reveal.js presentation. The author of this article is Suzette Franck.
This article was presented by Raymond Camden about adding a background image to a reveal.js presentation. He used CSS code to share to make this tutorial simple and easy.
This article is about writing non beamer presentations in org-mode using reveal.js. Org-reveal is an Org-mode extension that exports org-mode documents into reveal.js presentatios. By using this, you can easily organize reveal.js without knowig the detail of HTML and with some extra benefits.
This tutorial is about reveal.js-embedded media by Tuomas Hapola. It explains using ganga for easier job management, and easy to extend if more functionalities are needed.
This is a tutorial by WYSIWYG Web Builder in creating a 3D carousel with reveal.js using the reveal.js library, HTML, and CSS language. This include 4 steps in doing the work. This also include codes for HTML objects to hack the carousel object.
This is a tutorial made by Damian Oquanta in using a local reveal.js library with IPython slides. This include codes in configuring behavior using a config object from the IPython machinery.
This is a tutorial made by Zurb Studios about creating presentations with reveal.js. This is a step-by-step tutorial with codes in attaching needed files, the modal markup, and attaching the handler.
This is a tutorial made by Relish on how to configure reveal.js initialization options. This include codes for supplying reveal.js initialization options via config.yml, and supplying reveal.js initialization options.
This is a tutorial made by Shameer C of Site Point in creating a multi-user presentation with reveal.js. The tutorial includes a step-by-step procedure and the prerequisites in making the work.
This is a tutorial made by the Java Scripting about using reveal.js. This include codes for the: markdown, external markdown, element and slide attributes, configuration, dependencies, ready event, presentation size and state, auto-sliding, keyboard bindings, lazy loading, API, parallax background, and slide backgrounds.
This is a tutorial made by the Web Design Library about creating presentations with reveal.js and HTML5. This include HTML5 codes for slide markup.
This is a tutorial made by J Rocket in creating HTML 5 presentations with Emacs and Reveal.js. This include codes for in writing and generating presentations with Emacs and Org-mod.
Website Theme Resources
Website themes are an easy to create a great website quickly. They provide a beginning point for you to build your websites, giving you layout, code, and functionality to work with. These resources are made to help you find the right theme to help you start building your website.
Our comprehensive, analytical research into the website theme industry, focusing on trends and major changes affecting website designers and website theme customers.
Our Fall, 2014 Theme Forest Analysis Report shows a major shift in the theme marketplace. The empirical assesment of Theme Forest over a 28 month period indicates a series of interesting trends and patterns.
Our assement of the popularity of parallax scrolling in website themes published on Theme Forest shows that parallax design elements are an increasingly popular trend.
How to find WordPress and Drupal themes licensed under the GNU Public License. These themes offer increased freedom and the ability to use your theme on multiple sites.
These themes are built for use with the Drupal content management system. Drupal is wonderful and quite popular for business websites.
Themes for creating parallax-scrolling 3D-depth-like effects and animations as visitors scroll down a page.
Themes built for making professionally designed portfolios.
Themes built for making small, medium, and large business websites.
Parallax Web Design
Parallax website design moves one part of your website at a different speed than the rest of your page. This often creates a 3D-like effect, adding depth and interest to your webpage design. The resources, including themes, tutorials, and examples, are designed to help you build a website with parallax scrolling.