Cool Tools for Web Development

Internet Librarian

Darlene Fichter darlene.fichter@usask.ca

University of Saskatchewan

November 3, 2003

Find that link

Bookmarklet: List All Links Creates a new page with just

the links (the URLs) that appear on the page you’re viewing

http://www.bookmarklets.com/tools/data/ Frames

FavIcon

Create icon to display Online FavIcon generator

http://www.html-kit.com/e/favicon.cgi Tips and a downloadable icon editor

http://www.chami.com/tips/internet/110599I.html

Mouse-over generator

Enter in all of your image information Automatically generates mouseover

codehttp://neilm.com/javascript/

mouseoverstart.hts

SWiSH

Inexpensive, and has a free trialA single user license is only $49.95

USD Equips anybody with 10 minutes to

spare with the ability to make simple (and not so simple) flash animations for their sitehttp://www.swishzone.com

SWiSH – animation, movies

Beware of illegal video cassettes

Warning: Addiction zone!

Color blindness and color on screens

Shows the display at millions of colors At 256 colors 3 types of color blindness

http://www.htmlcompendium.org/detail-notes/6cblind-1.htm

Red text on white

Black text on lime green

FastPDF

Free for documents less 12 pages Add a small watermark $1.99 to create PDF sans watermark

Paymenthttp://www.fastpdf.com/

FastPDF

Watermark

PDF Explorer

Fast and effective placement in a database file of Filename,

Title, Subject Author and Keywords fields of all the PDF files present in a certain folder or disk. http://rtt.planetaclix.pt/

Scripts

Looking for a feature to add to your site?

HotScripts.com has a LOT of scripts Very well organized

By language

ColdFusion poll

Just the “FAQTS”

FAQTs.com is a growing collection of high quality information.

There are knowledge bases for many different web languages and

Platformshttp://www.faqts.com/

php.faqts

Unix file permissions

JavaScript tool www.lights.com/~scott/chmod.html

Search engine saturation

Checks keywords, link popularity, etc. http://www.marketleap.com/siteindex/

Saturation – how many pages?

Keyword – placement in search results

Site awareness – how many links to your site?

Toolbars

Added functionality at your fingertips

Google toolbar

Search Search histories See page ranks Stop pop up ads

http://toolbar.google.com/ Internet Explorer

Merriam-Webster Toolbar

Adds a search box to your browser for quick and easy lookups

No need to type—just highlight a word on a Web page and click

Results display in a new browser window so you don't lose your page http://www.m-w.com/tools/toolbar/

Internet Explorer

Toolbar in the browser

Shop-a-holics?

E-Bay toolbar Alerts just before auction ends Search

http://pages.ebay.com/ebay_toolbar/

Web developers toolbar

Mozilla and Mozilla Firebird Adds a menu and a toolbar to the browser Features

Off/on for java, JavaScript Controls for forms, styles, outlines, validation

Download it from: http://chrispederick.myacen.com/work/

firebird/webdeveloper/

fValidate - JavaScript form validation Validate many different data types (zip, cazip) Disable Submit and/or Reset button(s) upon

successful validation Prompt user with optional confirm message before

sending Twenty-Nine predefined error notification modes Meaningful error messages to the user, per field Custom error message on a field-by-field basis

http://www.peterbailey.net/fValidate/

Example

sHTMLc

Save HTML code Show the HTML code on your web page Cut and paste the code. Press a button

and voila! Perfect for adding code snippets in a Web

Style guide Tell people how to link to your site

http://hjem.get2net.dk/fec/shtmlc/shtmlc.html

Hiveware Enkoder form

Online web form for protecting your email from spam email-harvesting robots

Encrypt your email address and convert the result to a self evaluating JavaScript

http://hiveware.com/enkoder_form.php

Browser.cam

Paste URLs into our Capture Wizard Select the browsers and operating

systems you want to check Hourly $10.00 - Up to 10 URL's in unlimited

browsers Monthly $ 39.95 Unlimited use

Payment http://www.browsercam.com/

Layout-o-Matic from inknoise

CSS layouts cross-browser compatible

One, two or three column layouts View and pick up your multi-column

CSS layout starter kit http://www.inknoise.com/experimental/

layoutomatic.php 4.x browsers

List-o-Matic

Create CSS menus Type in labels Choose a list style Create it, save it, add it to your CSS

style sheet, change colorshttp://www.accessify.com/tools-and-

wizards/list-o-matic/list-o-matic.asp

Examples

Firdamatic™

Design tool for uninspired webloggers Online tableless layout generator 2 or 3 column layout

http://www.wannabegirl.org/firdamatic/

Questions?

Tools from the Internet Librarian 2002http://www.lights.com/talks/