cool tools for web development
DESCRIPTION
Cool Tools for Web Development. Darlene Fichter [email protected] University of Saskatchewan. Internet Librarian. 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. - PowerPoint PPT PresentationTRANSCRIPT
Cool Tools for Web Development
Internet Librarian
Darlene Fichter [email protected]
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/