Both sides previous revision
Previous revision
Next revision
|
Previous revision
|
web:start [2012/11/16 10:14] cedwards |
web:start [2013/08/21 10:01] (current) cedwards [Useful Tools] |
* [[http://reference.sitepoint.com/html|Site Point HTML Reference]] - It has detailed information on the syntax for HTML and XHTML | * [[http://reference.sitepoint.com/html|Site Point HTML Reference]] - It has detailed information on the syntax for HTML and XHTML |
* [[http://reference.sitepoint.com/css|Site Point CSS Reference]] - It has detailed information on the syntax for CSS | * [[http://reference.sitepoint.com/css|Site Point CSS Reference]] - It has detailed information on the syntax for CSS |
* [[http://validator.w3.org|W3C HTML/XHTML Validator]] - Make sure that your pages do not have errors and they will be easier to maintain. | |
| |
==== Highly Recommended Firefox Add-ons ==== | ==== Highly Recommended Firefox Add-ons ==== |
* [[https://addons.mozilla.org/en-US/firefox/addon/web-developer/|Web Developer]] - An add-on that allows you to highlight sections of the page, display alternate text and quick lings to validation sites. | * [[https://addons.mozilla.org/en-US/firefox/addon/web-developer/|Web Developer]] - An add-on that allows you to highlight sections of the page, display alternate text and quick links to validation sites. |
* [[https://addons.mozilla.org/en-US/firefox/addon/firebug/|Firebug]] - An add-on that allows you to inspect elements. I find this better than the inspection tool built into recent Firefox versions. It also includes a JavaScript debugger for those that want to dive into JavaScript development. | * [[https://addons.mozilla.org/en-US/firefox/addon/firebug/|Firebug]] - An add-on that allows you to inspect elements. I find this better than the inspection tool built into recent Firefox versions. It also includes a JavaScript debugger for those that want to dive into JavaScript development. |
* [[https://addons.mozilla.org/en-us/firefox/addon/fangs-screen-reader-emulator|Fangs]] - Experience your web page in a way that a screen reader would for those with disabilities | * [[https://addons.mozilla.org/en-us/firefox/addon/fangs-screen-reader-emulator|Fangs]] - Experience your web page in a way that a screen reader would describe for those with disabilities |
| |
==== Accessibility ==== | ==== Accessibility ==== |
* [[http://webaim.org/intro|Introduction to Web Accessibility]] - A great introduction to what we must do as part of making our websites accessible as part of State and Federal Law. The entire site has much more about this topic. | * [[http://webaim.org/intro|Introduction to Web Accessibility]] - A great introduction to what we must do as part of making our websites accessible as part of State and Federal Law. The entire site has much more about this topic. |
| |
| ==== Useful Tools ==== |
| * [[http://validator.w3.org|W3C HTML/XHTML Validator]] - Make sure that your pages do not have errors and they will be easier to maintain. |
| * [[http://www.webpageanalyzer.com|Web Page Analyzer]] - Shows how fast a given page will load and will let you know when the number of images and other page content gets too high before people get frustrated with your site. |
| * [[http://wave.webaim.org|WAVE]] - Web Accessibility Evaluation Tool. Inspects pages for potential accessibility problems. See [[http://webaim.org/resources/wave/|Using WAVE]] |
==== Extras ==== | ==== Extras ==== |
* [[web:google_calendars|Using Google Calendar on your site]] | * [[web:google_calendars|Using Google Calendar on your site]] |