Cool Tools for Web Development Internet Librarian Darlene Fichter 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  Frames

FavIcon Create icon to display Online FavIcon generator Tips and a downloadable icon editor I.html I.html

Mouse-over generator Enter in all of your image information Automatically generates mouseover code start.hts

SWiSH Inexpensive, and has a free trial A 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 site

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 -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  Payment

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.

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 Platforms

php.faqts

Unix file permissions JavaScript tool

Search engine saturation Checks keywords, link popularity, etc.

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  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  Internet Explorer

Toolbar in the browser

Shop-a-holics? E-Bay toolbar Alerts just before auction ends Search

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: d/webdeveloper/

fValidate - JavaScript form validation Validate many different data types (zip, cazip)data types 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

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

Hiveware Enkoder form Online web form for protecting your from spam -harvesting robots Encrypt your address and convert the result to a self evaluating JavaScript

Browser.cam Paste URLs into our Capture Wizard Select the browsers and operating systems you want to check Hourly $ Up to 10 URL's in unlimited browsers Monthly $ Unlimited use  Payment

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 layoutomatic.php 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 colors wizards/list-o-matic/list-o-matic.asp

Examples

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

Questions? Tools from the Internet Librarian