Recommended Tools and Browsers

As someone once said, “Use the right tool for the job.” As a web content editor, it’s good to have a few tools at your disposal for working with the CMS and your content. Here are a few of our favorite free tools and how best to use them.

Web browsers

While most web browsers “should” work with the CMS , the following are versions that are certified to work by Ingeniux.

Windows 7/8/10:

  • Internet Explorer 11/Edge
  • Firefox 44+
  • Chrome 48+

Mac OS X 10.4 (Tiger)/10.5 (Leopard)/10.6 (Snow Leopard)

  • Firefox 44+

This list is for users of the CMS, not visitors to the website. The university website should work well with many more browsers than these. The CMS is also certified to work with IE 6 and Firefox 2, but the university website is not, so please don't use them. If you don’t know what browser version you have and don’t know how to find out, go to the following website and it will attempt to determine it for you:

Web Browser Add-Ons

The following tools are Add-Ons to your web browsers that you may find useful. To install:

  • Firefox: Tools Menu => Add-Ons
  • Safari: Safari Menu => Safari Extensions Gallery
  • Chrome: Window Menu => Extensions

There are also Add-Ons for Internet Explorer, but IE has virtually no developer tools, so they are not listed here.

Web Developer Toolbar (Firefox, Chrome)

One of our most trusty tools that we use on a regular basis is the web developer toolbar, which is available for the Firefox and Chrome web browsers. One of the most important ways of using the toolbar is to disable aspects of the website to make sure that the site still works. For example, according to Section 508 guidelines, the website should function with CSS turned off. So from the CSS menu, choose Disable Styles -> All Styles and see how the site looks without CSS.

Firebug (Firefox) and Firebug Lite (Safari, Chrome)

Firebug is also a great tool that we use all the time. This adds a tool icon at the bottom of the page for checking the HTML and CSS for errors.

Website tools

There are numerous websites that also offer tools for checking your web pages:

PageID Fetcher

Developed by interns Ryan Battistone and Brett Knadle, this is a Javascript addon to Chrome web browser that allows quick and easy fetching of PageIDs. Simply press Ctrl-Shift-Z after this is downloaded and installed on any page with an xID, and it should quickly and easily fetch the PageID for you to edit.

It is available to download, free of charge, here. The source code is available on Github if anyone wishes to modify it further for their own needs (or for porting to alternative browsers), and that can be seen here. If you have any questions about these pages, simply email Brett Knadle or Ryan Battistone and we'll respond shortly.
PageID Fetcher

Total Validator

Also available as a stand-alone application, this tool will report errors on your pages including broken links, misspelled words, and accessibility violations. This page is a little harder to use than other tools but is very thorough.

Total Validator

W3C HTML Validator

An HTML only validator that is a little easier to use.

W3C HTML Validator

W3C CSS Validator

This page will check your CSS files. This does not check inline CSS, only CSS that is in external stylesheets.

CSS Validator

WAVE Web Accessibility Evaluation Tool

This tool can check for some errors in accessibility on your website, however it can only check for technical ones. Accessibility errors such as putting red text on a green background must be checked for by hand. They also have a Firefox toolbar that is only available on their site (and not through the Ad-Ons manager).

WAVE Web Accessibility Tool