Transcript Cool Tools for Web Development

Computers in Libraries
Cool Tools Update for
Library Web Sites
Darlene Fichter
[email protected]
University of Saskatchewan
March 10, 2004
Color Scheme Tool - Pixy
www.pixy.cz/apps/barvy/index-en.html
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
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

http://www.swishzone.com
SWiSH – animation, movies
Beware of illegal video
cassettes
Warning: Addiction zone!
http://www.swishzone.com/movies.php?do=page&action=detailed&link_id=520
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/110
599I.html
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.

rtt.planetaclix.pt/
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 or
Lookup Button
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

www.merriam-webster.com/toolbar/
Shop-a-holics?
E-Bay toolbar
 Alerts just before auction ends
 Search


http://pages.ebay.com/ebay_toolbar/
 Internet Explorer
 Netscape 4.xx
Unix file permissions

JavaScript tool

www.lights.ca/~scott/chmod.html
Web developers toolbar


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/firebir
d/webdeveloper/
 Mozilla
 Mozilla Firebird
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
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
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
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 colors


http://www.accessify.com/tools-andwizards/list-o-matic/list-o-matic.asp
Examples
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
Brower Cam
www.browsercam.com
Firdamatic™
Design tool for uninspired webloggers
 Online tableless layout generator
 2 or 3 column layout

www.wannabegirl.org/firdamatic/
Bloglines
server-based RSS aggregation
system
 blogs and newsfeed services

www.bloglines.com
ieSpell
ieSpell is a free Internet Explorer
browser extension that spell checks
text input boxes on a webpage
 Adds to same dictionary as other
office programs

www.iespell.com
FURL
Click and save what you’re viewing
 Create your own topics to store items
under
 Annotate or “clip” part

www.furl.net
Questions?

Tools from the Internet Librarian 2002

http://www.lights.ca/talks/