Aloha powered by Fluid 960 Grid System

Aloha Editor. The HTML5 Editor.

World’s most advanced Editor is designed to give the user a complete new experience when editing a website, wiki, blog or any other content. I can be 3x faster than existing technologies and offers offers unprecedented opportunities.

Many tried WYSIWYG and did not achieve. We succeeded.

You can edit the website content as you see it. You do not need to save or preview to see how your text will look like on the final website. You can see the real changes the right moment you type. You do not need to log into a backend to edit any text. You edit on the actual frontend website. You neither do have to load a rich text editor. Just edit right ahead. You still do have all capabilities advanced rich text editors offers.

The floating menu. A clean lightweight context menu.

The worlds first floating menu gives you the right options for the right context. The menu floats to the paragraph, table or content element you are editing. So you have alway a short way to the menu. Aloha Editor is designed to show not more than 15 icons at the same time. This offers you a clear overview about the possible options. You see only those icons which are useful to you because of your selection or position with the cursor. Still you may have other available options 1 mouse click away.

Editing and formatting text without Markup

Editing any content Aloha Editor gives you the same experience modern office suites offer you. No need to learn any HTML, Wiki or other markup. The option dialogs have been designed for users not for techies. Writing content has never been that easy. You can see the formatting result in the buttons of the floating menu so you know in advance what will happen if you use a formatting. It has never been easier to edit tables. You can jump through the cells with the tab button. Hit tab in the last cell adds another row.

HTML5 available - now.

Aloha Editor makes HTML5 possible - now. All major browsers support contenteditable. This is the heart of Aloha Editor and makes it to worlds most advanced Editor. With Aloha Editor you are one step closer to the exiting new world that comes with HTML5.

Faster. No reload. No popup. No need to preview.

Aloha Editor is loaded when you load your website. If you want to start editing you do not need to reload the website with an old style rich text editor. Loading common rich text editors need to reload the website or come with a popup. Both actions are boring and take some time to process. Time you better invest in editing. When you finished editing you want to see the result and need to preview. This needs more time. More boring. With Aloha Editor you work in the final result so you do not need to load any thing or preview anything. You see what you get doing it.


Design Process

The Value of Design

Design is based on the inspiration of past accomplishments. On that foundation, we can build upon those achievements to shape the future. Design is about life — past, present and future — and the learning process that happens between birth and death. It is about community and shared knowledge and experience. It is the passion to build on what we've learned to create something better.

Design Influences

About this Site

The words "design influences" can be understood as both a plural noun and as subject and verb. The plural noun speaks of those who have come before us and paved the way. The verb speaks of the responsibility of design to lead the way. By understanding where we have come from, we have a better idea of where we are going and, perhaps, where we should be heading.


Inspired by the Past

I have been inspired by the work of many who have pioneered advances in Web Standards, including Jesse Bennett-Chamberlain, Douglas Bowman, Allen Chang, Andy Clarke, Jon Hicks, Shaun Inman, Cameron Moll, Veerle Pieters, Jason Santa Maria, Dave Shea, Ryan Sims, Nathan Smith, and Jeffrey Zeldman, to name a few. Thank you for inspiring me to give something back.


Shaping the Future

The Fluid 960 Grid System templates have been built upon the work of Nathan Smith and his 960 Grid System using effects from the Mootools JavaScript library. The idea for building these templates was inspired by Andy Clarke, author of Transcending CSS, who advocates a content-out approach to rapid interactive prototyping, crediting Jason Santa Maria with the grey box method.


You might want to try to edit the table:

Lorem ipsum Dolor sit $125.00
Dolor sit Nostrud exerci $75.00
Nostrud exerci Lorem ipsum $200.00
Lorem ipsum Dolor sit $64.00
Dolor sit Nostrud exerci $36.00


Heading 1

Heading 2

Heading 3

Heading 4

Vancouver, BC — Wednesday, 23 April 2008


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Visit site.

Heading 5

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Heading 6

Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum.

Fluid 960 Grid System, created by Stephen Bau, based on the 960 Grid System by Nathan Smith. Released under the GPL / MIT Licenses.