Sticking to standards can therefore lead to issues with certain web browsers, which lack support for the latest tags or render pages wrong.

The W3C therefore has its own web browser and editor which adheres to standards more than many browsers and supports certain new technologies others don’t, such as RDF annotation. This browser is Amaya, an open-source and cross-platform browser.

Amaya can handle a wide-range of open file formats, including HTML, CSS, XHTML, SVG and MathML.

The software integrates the browser and web editor: when you go to a web page, it can be edited inside the browser. It also instantly displays syntactic errors.

It also integrates the mark-up languages. For example, in a web page, one can write formulae utilising MathML or add SVG shapes inside the software.

Amaya is a reasonable WYSIWYG editor and a good web browser for developmental purposes. It is also good to produce rich web-pages, which include other pieces of mark-up than HTML.

Related posts

• KompoZer, a free, open-source and half-decent WYSIWYG web editor (3)
• Manage your Tasks with Task Coach (3)
• Create and edit vector graphics for free (10)
• XML Escape Tool (0)
• VirtualBox a Vmware alternative (9)

Whilst KompoZer has not been updated since 2007, the major mark-up languages haven’t changed since then so it should still work. KompoZer is based on Gecko, the rendering engine which Mozilla amongst others utilise, and is a fork of Nvu (another WYSIWYG editor which is now not developed), itself a fork of Mozilla Composer!

KompoZer has all the obvious features of a WYSIWYG web editor: HTML and CSS can be edited; FTP support; tables; and tabs to navigate between pages and views. Some nicer features include an integrated W3 validator and support for XFN.

Binaries are available for Win32, PPC Macs (which will run on Intel-based ones) and Linux. Source is also available so it can be compiled for other operating systems.

Like Nvu, the application can be used from a USB pen.

I personally use KompoZer if I quickly need to whip up a webpage and I don’t have the patience to code it in Textmate. It’s certainly usable, produces relatively clean code and it’s £500 cheaper than Dreamweaver!

Related posts

• A standard compliant web browser and editor: Amaya (2)
• Manage your Tasks with Task Coach (3)
• Create and edit vector graphics for free (10)
• Analyse your hard disk and stop wasting space (5)
• VirtualBox a Vmware alternative (9)

The Firefox add-on JSView adds that possibility to the Firefox browser. Installing the Firefox extension adds a new entry to the right-click menu which displays the amount of Javascript and CSS files that are referenced by the website.

Each file can be opened by selecting it. The source code of the selected file will be opened in the default source viewer of the browser.

The extension provides the option to view the source code of all Javascript or CSS files at once. The tool is especially useful for web designers.

Related posts

• Block NoScript From Opening Homepage After Update (8)
• Youtube Video Download (11)
• Youtube It Firefox Add-on (4)
• Youtube Comment Cloud Firefox Add-On (4)
• You better stop using Internet Explorer for now (18)

The first one became my favorite as soon as I came across it not long ago. Called Design Float, this website is based on digging system (honestly a clone) but with the content range limited to design only. Despite being aimed at design in general rather than web design only, most of the content published till present is related to the web and computer graphics.

Especially often people publish different sorts of useful lists of services you would normally hardly hit on by accident, like a list of online color tools for example. So far I’ve found quite a bunch of interesting resources thanks to the filtering that shows the best content. Watching this web grow in size slowly, I wish it wouldn’t get spoiled by the not-so-perfect digging (or floating in this case) system during longer time period. RSS feeds for different categories are available.

Another useful website is actually a simple list called For Web Designers rather than a complex site. Although it was IMHO built especially for the purpose of earning money using 4 small-size banners sitting right at the top, it still does provide links that may be eventually found useful by many. Tutorials, tools, free resources, validators and generators, all at your disposal in one place. Over 500 links so far, tag cloud for easier search is present as well.

The last one, Clean CSS is an online CSS optimizer and formatter (not a validator though). Upload your style sheet, select options and level of “compression” and get the result in a downloadable form. Light-weight code, more satisfied surfers.

Related posts

• Yahoo Server Monitor Widget (0)
• XML Escape Tool (0)
• Wordpress Broken Link Checker (5)
• Widgetize you website with Yourminis (3)
• Website Optimization: Page Speed For Firebug (5)