Hype is a WYSIWYG editor that helps you create animated websites using HTML5 and CSS3. While it’s not well suited for building large scale dynamic websites, if you are a small business owner who needs to create brochure pages, you can get them animated and fun very quickly with Hype.
- HTML5 by default
- Uses timeline features you’re already familiar with to animate page elements
- Gives you an overview of what features your page uses will break in what browsers
- There were some errors in the HTML it generated in my tests
- CSS is mostly inline styles, which can slow a page down
- Doesn’t use HTML5 semantic tags, and pages built with Hype can suffer from “divits”
- No upload or site management capability
- The HTML editor is only available for sections, not the entire document and includs no validation or color coding
- Operating System: Macintosh
- Price: $49.99
- Score: 44.3% (compared to other no-code WYSIWYG editors)
- Review written: September 30, 2011
Features of Hype
- WYSIWYG editor
- Page preview
- Save pages as HTML with DTD
- Write HTML 5 documents
- Search and replace
- Assistance with adding videos to websites
- Additional CSS assistance
- CSS 3 properties and selectors
- Spell checking
- Free trial
- Upgrade discounts or freeware
- HTML text editor for sections but not the entire page
Jennifer Kyrnin’s Review of Hype HTML5 Editor
Hype is a fun editor to use. You add in blocks of text, images, buttons, and video and then manipulate them on the timeline so that they change. You can affect all the styles you would expect like opacity, font size, colors, position, and more. And using a standard timeline control, you can change your page elements. You can change the elements based on time, when the page is loaded or based on mouse and keyboard controls. It is easy to create a web page that changes and interacts with your users quickly and easily and without knowing any HTML code.
Build HTML5 and CSS3 Pages
Hype builds your pages in HTML5 and uses CSS3 to create the styles and animations.
And while some of the CSS is stored in an external CSS file, a lot is also placed right on the elements in inline styles. This can make your pages load more slowly because styles may be duplicated and it also makes the HTML harder to read.
While Good for Brochures, Hype is Not Good for Professional Web Designers
I could see getting Hype to create an animated brochure site quickly. And if that were my primary business, it might be a great tool to buy. But for most web design and development work, it would be difficult to use. Some of the problems I had, included:
- Adding elements that are not included in the Hype drop-down menus requires knowing the HTML. This includes basic things like links. Adding a link inside a block of text requires that you open the text block in the HTML editor, find the text you want to link and link it. If you are using this as a WYSIWYG editor, that would be very frustrating, especially if you don’t know HTML.
- There is no FTP in Hype. It will connect to a Dropbox folder and save your files there, but since that is really just a matter of saving the HTML to the
/dropbox/Publicfolder, the benefit of this feature was somewhat lost on me.
- I could not figure out a way to open a non-Hype web page in Hype in order to edit it and add animation to it. And while you can create (and edit) multiple Hype files at once, they are not tabbed nor is there any way to search and replace across all the documents you have open.
- While you can edit some of the HTML directly, it’s not a very big window and it’s only a section of the entire page. Nor are there any development features like validation, color coding, or version control.
Hype is a great editor for what it does. And if all you need is an editor to create animated brochures, then Hype may be perfect for you. But as an editing tool for maintaining large websites by professional web designers and developers, it only rates 2 stars.