background preloader

5 of the Best Free HTML5 Presentation Systems

5 of the Best Free HTML5 Presentation Systems
I have a lot of respect for Microsoft PowerPoint. It may be over-used and encourages people to create shocking slide shows, but it’s powerful and fun. I have just one criticism: all PowerPoint presentations look the same. It doesn’t matter how you change the colors, backgrounds, fonts or transitions — everyone can spot a PPT from a mile away. Fortunately, we now have another option: HTML5. Or, more specifically, HTML5 templates powered by JavaScript with CSS3 2D/3D transitions and animations. it’s quicker to add a few HTML tags than use a WYSIWYG interfaceyou can update a presentation using a basic text editor on any devicefiles can be hosted on the web; you need never lose a PPT againyou can easily distribute a presentation without viewing softwareit’s not PowerPoint and your audience will be amazed by your technical prowess. Admittedly, HTML5 presentations are not quite as powerful: Here are the best HTML5 presentation systems I’ve found. Reveal.js This is my current favorite. Impress.js

Related:  Website development and design

Understanding Middleman - the static site generator for faster prototyping - - blog of technology writer and web designer Ben Frain. To get something from this, you’re probably a front-end focused coder (HTML/CSS) with absolutely zero Ruby knowledge and only cursory knowledge of the command line (I’m using OS X so sorry Windows users for the bits that make no sense). It will help a lot if you are already familiar with Sass and Compass. Do you create lots of mockups (HTML/CSS templates) for sites/apps? If so, perhaps at present you create flat HTML/CSS/JS pages (if a corporate site, imagine ‘home page’, ‘about -us’, contact-us’, ‘product1’, ‘product 2’ and on and on).

10 Best HTML/CSS Based Presentation Slides Making a presentation with HTML, CSS and Javascript is no longer an impossible task. With the development of CSS3 and support on most modern browsers, the slide transition no longer limited to fading, sliding, blinding. It allows us to achieve cool effects such as rotation, 3D transform and transition. 12 Impressive JavaScript & HTML5 Presentation Frameworks As the website development is growing exponentially at a rapid pace and more people are making it their professional career in order to make a much more contribution in developing great websites. These great website may differ from different business prospectives and there are various sectors where one can make its contribution. With the fastest change or growth in the field of website development new techniques are also introduced by the various developers for doing their daily task much easily and in a well defined manner. If we look from the business point of view then there are several types of businesses who strongly need to implement presentations on their websites. Presentation is basically the way of representing the organizational visual details to create an overall impression. For this purpose there are different languages like Javascript, HTML5, which helps to embed these features into the web pages.

reveal.js - The HTML Presentation Framework The HTML Presentation Framework Hello There reveal.js enables you to create beautiful interactive slide decks using HTML. This presentation will show you examples of what it can do. Vertical Slides Slides can be nested inside of each other. Hacking up sites with Middleman TL;DR - I’m going to walk through how I rebuilt this blog using a static site generator. In the first half I walk through my decision for moving to a static site. You can skip down to the tech talk if you want. When re-designing/building my portfolio site in 2007 I did the tried and true geek thing: I hacked up my own custom CMS using CakePHP backed by MySQL. It was pretty standard stuff, complete with a blog engine modeled after WordPress. Putting it together was a great learning experience, similar to the “15 minute blog” videos from the Rails heyday of 2005-2007.

Pricing and plans – Slides Can I cancel at any time? Yes – you can downgrade your account from a paid plan to Free at any time. You’ll still remain Pro up until the days you already paid for run out. Do you offer refunds? Unfortunately we can not offer refunds at this time due to the amount of administrative work involved. Enhance Your Next Presentation with HTML5 I remember the days when Opera team came to our university with presenting their features of their browser and sharing their vision of the future of Web. I was amazed by the fact that all their slides (with animations) were done in pure HTML5. All presentation was held in the Opera browser itself. "Awesome", that was what I thought. S5: An Introduction It's a Simple Standards-based Slide Show SystemOne XHTML document provides all of the slide show's contentCSS handles the layout and look of the slidesJavaScript handles the dynamic aspects of the showThat's all there is to it! Opera 4 introduced Opera Show, a projection-mode style sheet technologyAllows a single XHTML document to be turned into a PowerPoint-like slide showAdding screen and print style sheets allows for multi-medium views of a single documentHighly efficient, but highly browser centric... When Opera 7.5 for OS X came out, the banner ads persisted in projection modeTantek Çelik created a JavaScript-driven slide show technique that worked on multiple browsers Unfortunately, it required each slide to be ID'ed ahead of time, making additions and rearrangement difficultNavigation was only linear; no way to jump to an arbitrary slideThere was also no facility to "switch off" the slide show styles short of killing all CSSMotive and opportunity combined to point the way...

HTTP KeepAlive Considered Harmful Isn’t that a wonderfully alarmist title? A better one would be “HTTP KeepAlive harmful for modern high-traffic low-latency low-footprint websites”. But then you’d have fallen asleep by now, wouldn’t you. S5: A Simple Standards-Based Slide Show System S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one file, you can run a complete slide show and have a printer-friendly version as well. The markup used for the slides is very simple, highly semantic, and completely accessible. Anyone with even a smidgen of familiarity with HTML or XHTML can look at the markup and figure out how to adapt it to their particular needs. Anyone familiar with CSS can create their own slide show theme.

bmcmurray/hekyll Twitter Bootstrap navbar tutorial <<PreviousNext>> Using Twitter Bootstrap, you may create static navbar. In this tutorial you will see how to do that. 6 meilleurs Frameworks HTML5/CSS3 pour des présentations Slideshow Le HTML est l'un des langages le plus populaires de développement web dans le monde. Avec celui-ci les designers peuvent créer des applications plus attirantes et créatives. Le HTML5 est une version avancée du HTML qui gagne en popularité auprès des designers web due à ses fonctionnalités et caractéristiques avancées. Aujourd'hui nous avons les meilleurs outils de présentation HTML5/CSS3 avec lesquels vous pouvez créer vos "slideshow". HTML5 est la version avancée du HTML(Hyper Text Markup Language), langage de base de l'internet. Cette technologie avancée possède de nouvelles fonctionnalités incluant les éléments <video>, <audio>, <header> et <canvas>, ainsi que l'intégration du contenu SVG (Scalable Vector Graphics).

How to Create An Amazing Blog About Page I’ve said it before, and I’ll say it again… The most important page on your blog is your about page. And if you don’t give that page the love it deserves, you’re losing fans—and customers—hand-over-fist. Dramatic, I know, but… Here’s Why About Pages Are So Important