BlueGriffon, The next-generation Web Editor based on the rendering engine of Firefox

BlueGriffon 1.8 released 13-oct-2015

BlueGriffon is a new WYSIWYG content editor for the World Wide Web. Powered by Gecko, the rendering engine of Firefox, it's a modern and robust solution to edit Web pages in conformance to the latest Web Standards.

It's free to download (current stable version is 1.8) and is available on Windows, Mac OS X and Linux.

BlueGriffon is available in English, Dutch, Finnish, French, Czech, German, Hebrew, Hungarian, Italian, Japanese, Korean, Polish, Simplified Chinese, Serbian, Slovenian, Spanish, Swedish and Traditional Chinese

BlueGriffon is an intuitive application that provides Web authors (beginners or more advanced) with a simple User Interface allowing to create attractive Web sites without requiring extensive technical knowledge about Web Standards.

Because Gecko lives inside BlueGriffon, the document you edit will look exactly the same in Firefox. Advanced users can always use the Source View to hard-code their page.

BlueGriffon is tri-licensed under the Mozilla Public License 1.1, the GNU General Public License Version 2 and the GNU Lesser General Public License Version 2.1.

BlueGriffon can create and edit all HTML 4, XHTML 1 and HTML 5 (both HTML and XML serializations) documents. Even if you did not create a Web page using BlueGriffon and whatever the format you used, you'll discover BlueGriffon can easily deal with it, providing you with a nice, simple and intuitive User Interface to modify your data.

Direct access to the ancestors of the element containing the caret through the structure bar at the bottom of BlueGriffon's main window, or editable tree view of the document through the DOM Explorer, it's possible to finely tune a document without having to dive into its source code.

Speaking of HTML 5 elements, BlueGriffon allows you to directly embed HTML 5 audio or video elements.

It can also extract with a single click a frame from your video file to be used as the poster for your video in your Web page.

The application also offers full support for the HTML 5 forms with dialogs for all the elements currently defined by the HTML 5 specification.

A dropdown menu is available to insert in the document all HTML 5 elements, including the new semantic elements like header, footer, aside, section, etc.

Tables are easily resizable using the vertical and horizontal rulers in the window and they contain buttons to add or remove a column or line of cells with one single click.

The dialogs offer full control not only on the body element(s) of a table, but also on the header (thead), footer (tfoot) and caption of the table.

Let's state it clearly: BlueGriffon has an exceptional CSS support. Its heart being Gecko, the rendering engine of Firefox, BlueGriffon offers all you need to deal with the latest features of CSS 3...

First of all, BlueGriffon has its own CSS parser, JSCSSP. That parser written in JavaScript guarantees that the CSS styles you author are understandable by all the browsers on the market. Firefox, Safari, Chrome, Opera, Internet Explorer, etc. If a given CSS property or CSS value, even currently prefixed like -moz-transform, has a direct equivalent for one of the other browsers, BlueGriffon will output it. Your Web page will as far as it's possible be the same for all your users.

The builtin Style Properties panel offers controls for all the CSS properties and values Gecko implements. The usual suspects from CSS 2 but also 2D Transforms, 3D Transforms, Transitions, Shadows, Linear and Radial Gradients, Repeating Gradients, Border Images, Columns, Flex Box Model, and more. That panel automates as far as possible the insertion of styles into the document, meaning it will do its best to tweak your existing stylesheets to apply the style you requested. No CSS knowledge required!

For advanced CSS authors, a Pro Editor is available from here.

See below an example of a group of long paragraphs rendered in three CSS columns. The fancy border around the columns is generated through CSS using one single image and a CSS border-image property. The group is then rotated using CSS 2D Transforms. Again, no CSS knowledge needed, just use your mouse!

Fore more advanced users, an add-on allows to finely manipulate all the stylesheets attached to the document and create/edit all CSS rules. It also includes a Selector builder offering to construct Selectors in a visual manner; you will never again need to learn the last specification by heart!

CSS Media Queries are a major feature of CSS 3, allowing to apply stylesheets not only on a per-medium basis (styles for screen, mobile, print, ...) but also depending on the features of the rendering device. One document for all! Nothing easier with BlueGriffon's stylesheet insertion dialog...

WebFonts only took off in 2009 but they are an old technology. WebFonts are cool. WebFonts allow better and nicer web sites. WebFonts are cool but free fonts are hard to find. So BlueGriffon has UI to add fonts from the Google Font Directory and the FontSquirrel repository to a document without having to deal with a single line of code. If you want to enhance the browsing experience of your Web site, you'll love WebFonts.