BlueGriffon icon

BlueGriffon

BlueGriffon is a robust WYSIWYG (What You See Is What You Get) web editor, successor to Nvu and Composer, built on the Firefox rendering engine. It allows users to create and edit web pages visually without needing to write extensive code manually.

License: Freemium
Available for:
Mac OS X Windows Linux

About BlueGriffon

BlueGriffon stands out as a user-friendly WYSIWYG web editor, making web page creation accessible to individuals without advanced coding skills. It leverages the reliable and widely used Gecko rendering engine, the same engine powering the Firefox web browser, ensuring that what you see in the editor closely resembles how your webpage will appear in modern browsers.

Key aspects of BlueGriffon include:

  • Intuitive Interface: Designed for ease of use, allowing users to drag and drop elements, format text, insert images, and create links through simple toolbar options and context menus.
  • Advanced Editing Capabilities: While focusing on visual editing, BlueGriffon also provides access to the underlying HTML source code for users who need more granular control or wish to manually edit their code. It includes features like syntax highlighting to make code more readable.
  • CSS Editor: A powerful integrated CSS editor enables users to manage styles for their webpages visually or by directly editing CSS rules, offering control over layout, typography, and appearance.
  • Support for Modern Web Standards: BlueGriffon is built with support for HTML5, CSS3, and other contemporary web technologies, allowing users to create modern and compliant websites.
  • Extensibility: The editor can be extended through add-ons, providing additional functionalities and tools to enhance the web development workflow.
  • Table Editor: A dedicated and comprehensive table editor simplifies the creation and management of HTML tables, a common requirement for displaying data on the web.
  • Templates and Themes: While not as extensive as some premium builders, BlueGriffon supports the use of templates to quickly start new projects with a predefined structure and style.

BlueGriffon bridges the gap between purely code-based editors and overly simplistic drag-and-drop builders, offering a balanced approach suitable for a wide range of users, from beginners learning web design to experienced developers who prefer a visual tool for quick edits and prototyping.

Pros & Cons

Pros

  • Easy to use WYSIWYG interface, ideal for beginners.
  • Based on reliable Firefox rendering engine for consistent previews.
  • Integrated CSS editor offers good control over styling.
  • Allows switching between visual and source code editing.
  • Supports modern web standards like HTML5 and CSS3.

Cons

  • Not a full website management system, lacks features like database integration.
  • Add-on ecosystem is not as extensive as larger platforms.
  • May have occasional rendering discrepancies in different browsers.

What Makes BlueGriffon Stand Out

Firefox Engine Reliability

Uses the battle-tested Gecko rendering engine, providing a high degree of confidence in how the final webpage will render in compatible browsers.

Balance of Visual and Code Editing

Offers both a user-friendly WYSIWYG interface and access to the underlying source code, catering to different skill levels and editing preferences.

What can BlueGriffon do?

Review

BlueGriffon: A Capable and Accessible Web Editor

BlueGriffon presents itself as a robust and user-friendly WYSIWYG web editor, designed to make web page creation accessible to a broad audience. Leveraging the Gecko rendering engine, the core technology behind the Firefox web browser, it provides a familiar and reliable environment for building web content. This foundation is a significant advantage, as it means users can expect a high degree of accuracy in how their visually designed pages will render in modern browsers that also use this engine.

Upon launching BlueGriffon, users are greeted with an interface that is relatively clean and intuitive. The primary workspace is dominated by the WYSIWYG editor, where content can be directly typed, formatted, and manipulated. Toolbars at the top provide quick access to common formatting options, such as text styles, font selection, basic table creation, and image insertion. The visual nature of the editor is its strongest point, allowing individuals without extensive knowledge of HTML or CSS to quickly build web pages.

One of the key strengths of BlueGriffon is its integrated CSS editor. While basic styling can be achieved through the visual interface, the dedicated CSS panel provides a more comprehensive way to manage styles. Users can visually edit CSS properties for selected elements or switch to a code view to directly modify CSS rules. This flexibility is crucial for creating visually appealing and consistently styled websites.

Beyond the visual editor, BlueGriffon includes a source code view. This is an essential feature for users who need more granular control over their HTML. The source code editor includes syntax highlighting, which makes the code more readable and helps with identifying potential errors. Being able to seamlessly switch between the visual and code views is a significant advantage, allowing users to leverage the convenience of the WYSIWYG editor for general layout and formatting, while still having the ability to fine-tune the code when necessary.

Features Overview

  • WYSIWYG Editing: Direct visual manipulation of web content.
  • CSS Management: Integrated editor for styling web pages.
  • HTML Source Code Editing: Access and modify the underlying code with syntax highlighting.
  • Table Creation and Editing: Dedicated tools for working with HTML tables.
  • Image and Media Insertion: Simple methods for embedding images and other media.
  • Link Creation: Easy interface for creating hyperlinks.
  • Preview Functionality: View how the page will appear within the editor.
  • Extensibility through Add-ons: Potential for adding more features.

While BlueGriffon offers a solid set of features for web page creation, it's important to note its position in the web development landscape. It is primarily a page editor, not a full-fledged website management system. It lacks features commonly found in content management systems (CMS) like WordPress or Joomla, such as database integration, user management, or built-in templating systems beyond basic page templates. However, for users who need to create static HTML pages or make modifications to existing ones, BlueGriffon is a capable tool.

The reliance on the Firefox rendering engine is generally a positive, ensuring good compatibility with modern browsers. However, like any WYSIWYG editor, there can be occasional discrepancies between the visual editor and how the page renders in different browsers, especially when dealing with complex layouts or intricate CSS.

BlueGriffon's add-on support opens up possibilities for extending its functionality, although the ecosystem of available add-ons may not be as vast as for larger, more widely adopted platforms.

In conclusion, BlueGriffon serves as a reliable and accessible WYSIWYG web editor. Its foundation on the Gecko engine, combined with a user-friendly interface and essential features like a solid CSS editor and source code access, makes it a valuable tool for both beginners and experienced users. While it may not replace a full CMS or a dedicated code editor for complex projects, for creating and editing individual web pages or for users who prefer a visual workflow, BlueGriffon is a strong contender.

Similar Software

Adobe Dreamweaver
Adobe Dreamweaver

Adobe Dreamweaver is a web development tool developed by Adobe Systems.

Amaya
Amaya

Amaya is a Web editor, i.e. a tool used to create and update documents directly on the Web. Browsing features are seamlessly integrated with the editing and remote access features ...

Artisteer
Artisteer

Artisteer is a WYSIWYG website theme creation tool.

Bluefish Editor
Bluefish Editor

Bluefish is a free software advanced text editor with a variety of tools for programming in general and the development of dynamic websites.

CodeLobster PHP Edition
CodeLobster PHP Edition

CodeLobster PHP Edition is a free portable handy and easy-in-use code editor that is primarily intended for quick and easy creation and editing of PHP, HTML.

CSSEdit
CSSEdit

CSSEdit CSS editor for Mac.

Firefox Developer Edition
Firefox Developer Edition

Firefox Developer Edition is a special edition of Firefox for developers.

HTML-Kit
HTML-Kit

HTML-Kit is an HTML editor for Microsoft Windows.

Komodo Edit
Komodo Edit

Komodo Edit is a free text editor for dynamic programming languages.

KompoZer
KompoZer

KompoZer is an open source WYSIWYG HTML editor based on the now-discontinued Nvu editor. KompoZer is maintained as a community-driven fork, and is a project on Sourceforge.

Microsoft Expression Web
Microsoft Expression Web

Microsoft Expression Web, code-named Quartz, is an HTML editor and general web design software.

NVU
NVU

Nvu is a WYSIWYG HTML editor, Nvu home page based on the Composer component of the Mozilla Application Suite.

Screenshots

Help others by voting if you like this software.

Compare with Similar Apps

Select any similar app below to compare it with BlueGriffon side by side.

Compare features, pricing, and reviews between these alternatives.

Compare

Compare features, pricing, and reviews between these alternatives.

Compare

Compare features, pricing, and reviews between these alternatives.

Compare

Compare features, pricing, and reviews between these alternatives.

Compare

Compare features, pricing, and reviews between these alternatives.

Compare

Compare features, pricing, and reviews between these alternatives.

Compare

Compare features, pricing, and reviews between these alternatives.

Compare

Compare features, pricing, and reviews between these alternatives.

Compare

Compare features, pricing, and reviews between these alternatives.

Compare

Compare features, pricing, and reviews between these alternatives.

Compare

Compare features, pricing, and reviews between these alternatives.

Compare

Compare features, pricing, and reviews between these alternatives.

Compare