Month: June 2014

Best online HTML editors?

I’m working on compiling and list of reasonable online HTML editors that may be used when one doesn’t have access to their favorite IDE, text editor, or web design program.

1) QuakIt Online HTML Editor – Full:
http://www.quackit.com/html/online-html-editor/full/

Good features:
– Has lot of options, a predefined styles list, and pre-populated list of fonts.
– Has HTML tag and CSS properties reference lists.
– Looks like the WYSIWYG editor used by WordPress.
– Adds in the <html>, <head>, <title>, and <body> tags.

2) ContentBuilder.js Online Editor:
http://online-html-editor.org/
This WYSIWYG HTML Editor has the most modern look of the online editors I reviewed. It allows web builders with less experienece with HTML to create more sophisicated layouts.

Here are some interesting features of the ContentBuilder.js Online Editor:
– Allows you to build page layouts by dragging blocks from the right side
– The menu at the top allows you to sort by the type of block.
– Right-clicking brings up formatting tools and a <> button that can show the HTML code of a block.

Articles about Online HTML Editors:

More articles Online WYSIWYG HTML Editors:
Top 10 Online HTML Editors
http://wearepropeople.com/blog/top-10-online-html-editors

Top 13 Online HTML and CSS Editors – Free to Use:
http://www.scratchinginfo.net/top-13-online-html-and-css-editors/

10 HTML & CSS Online Code Editors for Web Developers:
http://www.awwwards.com/10-html-css-online-code-editors-for-web-developers.html
Kodingen is an Online Development Environment including Code Editor, Cloud Hosting, Database Administration, Collaboration, Web-based access

5 Free Online HTML editors for Web Developers:
http://blog.cometdocs.com/5-free-online-html-editors-for-web-developers

Content Inventories

A content inventory is a deliverable used in the planning phase of a web design process. It’s a spreadsheet listing pages in the website by section or category. Details to inform the web team regarding frequency of updates may be included. For example if a page should be updated annually it’s noted in the entry about that page. One could consider a content inventory as a sitemap in outline format with more detail about each page. The outline may be organized by the hierarchical categories used in a website. Notes and color coding may be included to indicate the status of certain pages; whether they need improvements or updating.