Why you should switch to Nvu logo

by Daniel Glazman (website)

Lindows.com supports Nvu link to Disruptive InnovationsNvu is the new Web editing environment based on the Mozilla platform and its Gecko layout engine. Primarily made for LindowsOS and other Linux flavors, its cross-platform architecture makes it available on a wide variety of other platforms. Nvu 0.30 binary test builds are now available for Linux and Windows. The source code of Nvu 0.30 is also available from there

The very best technology inside

Mozilla logo

Nvu is based on Gecko, the layout engine inside Mozilla 1.7 rc3; it's a super-fast, very reliable, standards conformant engine maintained on a daily basis by a wide community of developers. Its remarkable support of XML, CSS and JavaScript offers the best authoring platform on the market. Its architecture based on XUL makes it the most extensible editing tool ever.

Mozilla Application Suite logo Mozilla Firefox logo Mozilla Thunderbird logo

Just like Mozilla Firefox or Mozilla Thunderbird, respectively the new browser and the new mail user agent by Mozilla.org, Nvu is a standalone tool. It means it runs independently of any other Gecko-based tool and does not contain the other applications from the Mozilla Application Suite. Hence its small size and fast speed.

FTP Site Manager


With Nvu, all the sites you have specified in your Publishing Settings become browsable in a sidebar. You can get a tree view of a site, à la Explorer's folders pane, or a one-dir-only view, à la Explorer's directory view. It is also possible to filter files and show all files, or only HTML documents or image files. The browsing area also allows to show for each file its size and the date of last modification. In the near future, one will be able to remove a file, create a new directory or remove an existing directory.

Nvu 0.3 The site manager can now handle local filesystems and the associated Publishing Site Settings dialog was simplified.

site manager
Manage your
web site visually

Tip of the Day

Tip of the Day window
a Tip of the Day
Nvu 0.3If you're new to Nvu, you'll appreciate this Tip of the Day window, that can appear automatically when you launch Nvu or at any time through the Help menu.

Faster table insertion


Nvu 0.3Instead of playing with textboxes, use your mouse if you can: the new table insertion dialog let's you insert a table in one click, you just have to select the desired size in rows and columns hovering over a grid... Other parameters, like width, height and border width are now persistent, so you can easily reproduce an already existing table.
one-click table insertion
a Tip of the Day

Templates

editable area creation dialog
Create editable areas
in a template

Nvu allows you to create HTML templates, specifying yourself the modifications a web author will be allowed to make if he/she creates a new document based on such a template. Editable areas, optional areas, repeatable areas, movable areas. The rest of the document will appear read-only to the web author and no change will be possible.

In the near future, this feature will be coupled to the Site Manager and updates of a template will be automatically applied to all documents based on that template.

A new colorpicker


Composer was far behind other HTML editors and offered only a very basic color picker. Nvu has a new extended colorpicker, more conformant to what KDE users are used to. Set a color from its red blue and green components, or its hue saturation and brightness. Or just use your mouse to pick up the color you want.

the new colorpicker
A rainbow in your editor

Tabs!!!

Nvu tabs

One of Mozilla's killer feature is now available in Nvu! Have one window only on your screen and edit several documents at once, each document having its own Undo/Redo stack! Just glance at the tabs to know if a document needs to be saved or not! Use it, and you'll never want an editor without tabs again.


Spellchecker

spellchecker's dialog
Nvu corrects your mistakes
Nvu 0.3 Mozilla's spellchecker is now enabled by default and you won't have any excuse if you ever mispell a word again...

Class and ID assignment


Nvu 0.3Nvu makes the application of CSS to a document easy. YoGet u can now customize Nvu's toolbar to add a dropdown menu listing all classes "defined" in the stylesheets attached to the edited document. Using that dropdown menu, you can apply a class to a textual selection (if the selection is not collapsed) or to the enclosing block (if the selection is collapsed). The same dropdown menulist also allows to remove a class.

If you prefer direct assignment of a class or ID to a given element, Nvu can do that too. Just right-click on the element's tag in the structure toolbar and apply/remove a class/ID.

ID assignment context menu
Take the control over the styles

Better definitions lists

DT/DD toolbar buttons
Definition Lists are
just one click away

Nvu 0.3Nvu was very (even very very) bad on editing Definition Lists (DL, DT, DD elements). It now handles them correctly, switching automatically between DT and DD when you press the return key.

CSS Editor


CaScadeS, the well-known CSS editor add-on to Mozilla Composer, is integrated into Nvu. Create stylesheets easily and manage the styles attached to your documents. Full-powered by Gecko, of course, you can see '"live" your style settings applied to the document you're editing.

CSS editor
CaScadeS

A dash of style(s)

Context click in the structure toolbar
Add a dash of style
to your document

CaScadeS, the CSS editor, was designed to allow inline styling of arbitrary elements without having to create a stylesheet. With Nvu, right-click on any element in the hierarchical toolbar at the bottom of the window and set directly its style properties.

You can apply all CSS text, background, border, box and aural properties.

The last menu item in the popup allows to extract the CSS inline styles of a given element and generate the corresponding CSS rule in an embedded stylesheet, and therefore increase the quality and maintainability of your markup.

Customizable toolbars


Never argue again in Bugzilla in favor or against new toolbar buttons in Composer because there is or there is no room left in the toolbar! Just customize your toolbar and show only the buttons you want/need. And if you really want more buttons than your screen's width can contain, just create a new toolbar.

customizable toolbars
Your app, your toolbar

New toolbar buttons

font-family dropdown menu
emphasize button
strong emphasize button

Speaking of customizable toolbars, two new buttons for <em> and <strong> are available.. A new font-family dropdown menu, similar to the Format > Font menu, is also available for toolbars.

Of course, it is easily extensible and in the future you'll be able to create your own buttons.

Forms


Do we need to say more? Yes, forms, finally!

Take advantage from a XUL-based UI to edit all your forms, and edit all your form elements.

textarea properties dialog
Textarea properties

Cleaner markup

the markup cleaner's dialog
the markup cleaner

That's only a beginning but Nvu contains some machinery to get rid of most of those annoying <br> we use to see in Composer. Combined with the ability to call W3C's HTML validator from within Nvu - and a in the future to call to W3C's CSS validator - you'll make valid, clean documents. Nvu 0.3And to be sure about it, we already integrate a real markup cleaner

XFN


When you create a new link to an external resource, or when you edit an existing link, you can now add XHTML Friends Network information to say that the owner of that resource is someone you know, you met, you work with or even you love.

XFN editing
The web is your friendship network

Visible marks

Visible marks
More visibility on the structure of your document

In a complex page layout, you often need to see visible carriage returns and block borders. Nvu can now do that for you.

And of course, everything is controlled by a CSS stylesheet so you can customize those marks and replace them by your own.


Document made with Nvu