Mark's Technomusings

Developer’s Guide – Google Chart API – Google Code
Let google make your charts for you on the fly!

http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=250×100&chl=Hello|World

MooTools Help! I Don’t Know JavaScript! This page contains a great listing of various reference sites, tutorials, etc for HTML, CSS, JavaScript, etc. If you are just getting started in coding, or wanting to bone up on the basics, you can’t go wrong by starting here.

Poor Person’s Image Mapper is handy when you need to make an image map, but don’t have any software available to give you the coordinates. Enter in a URL for an image, and then you can click on it and it will tell you the location of your mouse clicks. You can then enter those manually into an image map:

<img src="images/logo_map.gif" alt="Lots of logos" border="0" usemap="#Map"/>
<map name="Map" id="Map">
<area shape="rect" coords="0,0,167,46" href="http://mark.cervarich.com" alt="TechnoMusings" />
</map>

So you’d get the pairs “0,0″ and “167,46″ from the image mapper.

Use this online FavIcon Generator to easily create a favicon (favorites icon) for your site. A favicon is a small, 16×16 image that is shown inside the browser’s location bar and bookmark menu when your site is called up. It is a good way to brand your site and increase it’s prominence in your visitor’s bookmark menu.

There are many ways to make a table look “pretty” using CSS. This HTML and CSS Table Border Style Wizard let’s you click on different table elements and change their look/feel. The CSS is instantly updated to show you what you’ve come up with.
The same site also has a CSS Font and Text Style Wizard that does the same thing for text.

S5: A Simple Standards-Based Slide Show System: S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one file, you can run a complete slide show and have a printer-friendly version as well. The markup used for the slides is very simple, highly semantic, and completely accessible. Anyone with even a smidgen of familiarity with HTML or XHTML can look at the markup and figure out how to adapt it to their particular needs. Anyone familiar with CSS can create their own slide show theme. It’s totally simple, and it’s totally standards-driven.

PPK gives code (and shows the way he “built it up” step-by-step in this great CSS tutorial:
Centering your site.
The rest of his site talks about dealing with browser quirks.

Over the last several months, a small group of web developers and designers have been hard at work perfecting a method to insert rich typography into web pages without sacrificing accessibility, search engine friendliness, or markup semantics. The method has been dubbed sIFR (or Scalable Inman Flash Replacement). sIFR 2.0: Rich Accessible Typography for the Masses

This page includes an easy 3-step process to get your table information to be sortable with one click (and without a reload):
1. Include the Javascript library, by putting a link to it in the HEAD of your page, like so:
<script src=”sorttable.js”>
2. Mark your table as a sortable one by giving it a class of “sortable”:
<table class=”sortable”>
3. Ensure that your table has an ID:
<table class=”sortable” id=”unique_id”>
sorttable: Make all your tables sortable

Welcome to Bobby WorldWide
This free service will allow you to test web pages and help expose and repair barriers to accessibility and encourage compliance with existing accessibility guidelines, such as Section 508 and the W3C’s WCAG.