Skip to main content

BlueGriffon: HTML5 and CSS3 Supported WYSIWYG Editor

BlueGriffon is a new, graphical WYSIWYG web editor that supports the latest HTML5 and CSS3 standards, and is based on Gecko 2.0, the rendering engine that powers Firefox 4.0.

Bluegriffon complies with the W3C's web standards, and can create and edit pages in accordance to HTML 4, XHTML 1.0, HTML 5 and XHTML 5. It supports CSS 2.1 and all parts of CSS 3 already implemented by Gecko. BlueGriffon also includes SVG-edit, an XUL-based editor for SVG that is originally distributed as an add-on to Firefox and was adapted to BlueGriffon.

bluegriffon

The support for CSS3 enables you to easily apply transforms, transitions, shadows, linear and radial gradients, border images, and more. BlueGriffon automates the insertion of styles into the document, which means that you can apply these styles to your style sheet without having to know the actual CSS codes. Similarly, BlueGriffon allows you to directly embed different HTML 5 elements from a menu including audio and video.

BlueGriffon also supports CSS Media Queries, a major feature of CSS 3, allowing you to apply stylesheets based not only on the medium (styles for screen, mobile, print, ...) but also depending on the features of the rendering device.

Additionally, BlueGriffon comes with web fonts baked into the program. It has an interface that allows you to add web fonts from the Google Font Directory and the FontSquirrel repository to a document directly from within the editor.

The built in SVG editor allows you to draw vectorial graphics from within BlueGriffon to embed them into your documents. For HTML 4 documents that does not natively accept SVG markup, BlueGriffon automatically add the necessary chunk of JavaScript code enabling SVG rendering in the HTML 4 document. Cool!

BlueGriffon is free to download and is available on Windows, Mac OS X and Linux

Labels:

Comments

Post a Comment

Popular posts from this blog

How to Schedule Changes to Your Facebook Page Cover Photo

Facebook’s current layout, the so called Timeline, features a prominent, large cover photo that some people are using in a lot of different creative ways. Timeline is also available for Facebook Pages that people can use to promote their website or business or event. Although you can change the cover photo as often as you like, it’s meant to be static – something which you design and leave it for at least a few weeks or months like a redesigned website. However, there are times when you may want to change the cover photo frequently and periodically to match event dates or some special promotion that you are running or plan to run. So, here is how you can do that.
1 comment
Read more

69 alternatives to the default Facebook profile picture

If you have changed the default Facebook profile picture and uploaded your own, it’s fine. But if not, then why not replace that boring picture of the guy with a wisp of hair sticking out of his head with something different and funny?
332 comments
Read more

How to remove watermark from an image or picture

A watermark is any recognizable text, logo or pattern that appears over an image to identify the owner of the image and generally used to prevent unauthorized reuse of the image. Watermarks are usually transparent and can be difficult to remove. The difficulty or ease of removal depends on the content of the image and the position, color, size etc of the watermark.
210 comments
Read more