BlueGriffonTM

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

04Jan

Open with...

The "Open with..." system menus now work correctly with BlueGriffon on Mac OS X, Windows XP and Ubuntu (as of revision 475). I'll test Windows7 tomorrow.

04Jan

Source view bug

If you create a new document in BlueGriffon, it creates a new nsHTMLEditor and a new iframe with a Bespin/Skywriter instance. If the latter is not  fully instantiated yet when you click on the "Source" button, it triggers a JS error and the source view becomes unreachable. I'm working on it, stay tuned.

03Jan

Unicode

If Mac OS X has a quite cool builtin dialog to insert unicode chars in any window, that's not the case for Windows and Linux. The Char Insertion dialog in Nvu/KompoZer being an oooooold thing, I revamped it entirely and checked the new code in a few minutes ago (rev. 468). See the result below (click to enlarge).

Unicode Char Insertion dialog

BTW, it works with both the wysiwyg and the source view.

30Dec

Spellchecker and dictionaries

BlueGriffon 0.9 will have realtime spellchecking and multi-dictionaries, thanks to InlineSpellChecker.jsm... The code is already checked in, svn revision 462. For those who build BlueGriffon themselves and wish to try the fr-FR dictionary, you can find it here. Install it as an extension/add-on.

Note for those who need another dictionary: grab a dictionary from addons.mozilla.org. Unzip the xpi and edit the install.rdf file to add the following section:

<em:targetApplication>
<Description>
<!-- BlueGriffon -->
<em:id>bluegriffon@disruptive-innovations.com</em:id>
<em:minVersion>0.8</em:minVersion>
<em:maxVersion>1.0</em:maxVersion>
</Description>
</em:targetApplication>

Rezip the whole thing and install it through BlueGriffon's Extensions manager. The spellchecker is in the contextual menu of the editor. You can toggle it on/off through the Preferences panel.

29Dec

CSS linear and radial gradients, WebKit style...

V0.8 is almost here, I have a first release candidate in hands. In the meantime, here are two short videos showing that BlueGriffon is now able to output linear and radial gradients, WebKit style... See the bottom of the changelog for the restrictions.

16Dec

New builds

You'll find new builds here. We're approaching 0.8.

Changelog:

  • network/proxy settings in preferences
  • Format menu
  • ID dropdown
  • relative URLs in background-image (CSS properties panel)
  • View > All Tags mode
  • bug fixes
  • dialog changes needed for the fortcoming Project Manager

10Dec

FontSquirrel fonts in BlueGriffon

This little video on YouTube will show you how easy it is now to use a FontSquirrel font inside BlueGriffon w/o having any knowledge of CSS and WebFonts :-)

08Dec

Progress 20101208

  • NEW: id dropdown added
  • NEW: the background-image section in the CSS Properties panel was not accepting relative URLs
  • FIXED: class dropdown works again, now editable
  • FIXED: documents modified were not visible enough on win/lin
  • FIXED: linear and radial gradients were horked
  • FIXED: the Remove Tag menu entry in the structure bar was broken
  • FIXED: charset issues in the fr-FR localization
  • IN PROGRESS: started working on the flexbox wizard

04Dec

Flex Box wizard

How do I make n elements exactly the same height ? How do I make sure three given elements are aligned centered ? How can I make my web page be exactly contained in the viewport of my browser whatever its size ? How can I make in ten seconds a 750px layout with header, footer, two equal main columns and two lateral sidebars 80px wide ? All questions the CSS Flex Box Module offers a superb solution for.

Flex Box is a game changer. It's going to drastically change the way you design Web pages. It will be simpler, much simpler. It will be so simpler to edit and to maintain that your only wish will be the fast and final extinction of all pre-flexbox browsers...

It will be so simple that I just started a FlexBox wizard. The kind of wizard that will let you design the layout of this example visually in ten seconds. Stay tuned!

03Dec

FontSquirrel and Google fonts

The first daily builds with UI for FontSquirrel fonts and Google Font Directory fonts are now online. See the Insert > WebFonts menu.

Changelog:

  • CSS properties panel was freezing the app trying to append data to a locally linked stylesheet that is not writable
  • UI for the Google Fonts Directory
  • UI for FontSquirrel fonts
  • CSS properties panel was sometimes behaving badly in case of an empty stylesheet

Know issues:

  • the document must be saved before linking it to FontSquirrel fonts ; that's needed to be able to use relative URLs. At this time, if you create a new document and save it, you need to close the document and reopen it to be able to link to FontSquirrel fonts and see immediately the result. If you don't close and reopen, the document will still be ok if you use the fonts but they won't render until you close and reopen. Working on it...

Nota bene: many thanks to Ethan Dunham for his super simple FontSquirrel API !

01Dec

BlueGriffon and the Google Font Directory

WebFonts are a major feature of CSS and that feature is spreading around the world at fast pace. Many large web sites now use their own typeface through @font-face rules. Google has announced a while ago the Google Font Directory and the Google Font API (work done with the TypeKit folks). I found it cool and mature enough to add it to BlueGriffon.

See the result in this short video.

And because this is cool, because it's a major feature of the Web, because that's my choice, the corresponding add-on (it's only a first preview, I'll improve it over time) is free to all BlueGriffon users. Get it here (save the gfd.xpi file onto your hard disk, launch BlueGriffon, open the extensions manager, click on the button at top-right and install from file) and enjoy.

Important note: the add-on relies on the Insert > "Web Fonts"  menu entry that will show up in forthcoming version 0.8 of BlueGriffon ; it will be in tomorrow's daily builds. It's not available in 0.7 and 0.7.1.

26Nov

Progress 20101126

  • "Restart" buttons in the Extensions dialog now prompts the user if edited documents are not saved
  • localisation fr-FR bientôt disponible !!!
  • windows installer

25Nov

Progress 20101125

  • UI for the ARIA role attribute and new preference to see an element's role in the structurebar
  • locale switcher in the preferences panel (new Advanced tab)
  • windows build was horked due to recent core changes in Gecko
  • form input elements menu was always disabled

23Nov

CSS Vendor Prefixes

It's not fully ready yet but it's already acceptable. Some prefixed properties' implementation differ from Gecko to WebKit so I need to implement a few filters. But see by yourself the current result...

CSS Vendor Prefixes support in BlueGriffon Preferences panel

17Nov

Progress 20101117

  • fixed a bug making it impossible to make a link out of a single image
  • Ctrl-N key for new document fixed
  • Edit menu now functional
  • fixed a bug that was horking the CSS Properties panel if it was already open at launch

08Nov

Silent?

In short: silent, yes; inactive; no :-) I attended W3C Technical Plenary Meeting in Lyon last week after a few days of vacation and that's why this blog remained silent. I am hours away from 0.6, just finishing the implementation of the CSS Media Queries in the new Stylesheets dialog. It's already possible to create a media query using a simple UI and the last hours are dedicated to the modification of an existing query. Since the CSS Object Model has no parser for Media Queries, I need to extend my own JSCSSP parser, living as a JS module inside BlueGriffon. Stay tuned!

27Oct

Progress 20101027

  • fixed minor bugs in the CSS Properties Panel
  • the CSS Properties Panel now lists (for the font-family property) the WebFonts declared for the document through @font-face at-rules
  • I am finalizing the Insert/Edit Stylesheets dialog and it will be time to release a public Milestone 2

19Oct

Progress 20101019

  • done: support for all html5 form elements now added
  • fixed: make FindLastEditableStylesheet deal with the stylesheets' media list
  • fixed: SVG Edit was horked
  • "Get add-ons" button added to statusbar

17Oct

Progress 20101017

  • support for <select>, <optgroup> and <option> added
  • support for white theme in Source view (see preferences panel, new page tab)
  • minor fixes

Known issues:

  • selecting a <select> element is not working very well, I'm on it

12Oct

Progress 20101012

  • support for <form> and the twenty-three HTML5 <input> elements; other form sub-elements pending
  • parsers errors in source view for XHTML1 and XHTML5 were not detected switching back to normal view and could lead to a totally horked UI; this is now fixed
  • HTML dialect now shown as tooltip on each tab

- page 3 of 7 -