Presentation is loading. Please wait.

Presentation is loading. Please wait.

Cool Tools for Web Development Internet Librarian Darlene Fichter University of Saskatchewan November 3, 2003.

Similar presentations


Presentation on theme: "Cool Tools for Web Development Internet Librarian Darlene Fichter University of Saskatchewan November 3, 2003."— Presentation transcript:

1 Cool Tools for Web Development Internet Librarian Darlene Fichter darlene.fichter@usask.ca University of Saskatchewan November 3, 2003

2 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

3

4 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/11 0599I.html http://www.chami.com/tips/internet/11 0599I.html

5

6 Mouse-over generator Enter in all of your image information Automatically generates mouseover code http://neilm.com/javascript/mouseover start.hts

7

8 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

9 SWiSH – animation, movies

10 Beware of illegal video cassettes Warning: Addiction zone!

11 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

12 Red text on white

13 Black text on lime green

14 FastPDF Free for documents less 12 pages Add a small watermark $1.99 to create PDF sans watermark  Payment http://www.fastpdf.com/

15 FastPDF

16 Watermark

17 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/

18

19 Scripts Looking for a feature to add to your site? HotScripts.com has a LOT of scripts Very well organized By language

20

21 ColdFusion poll

22 Just the “FAQTS” FAQTs.com is a growing collection of high quality information. There are knowledge bases for many different web languages and Platforms http://www.faqts.com/

23 php.faqts

24 Unix file permissions JavaScript tool www.lights.com/~scott/chmod.html

25 Search engine saturation Checks keywords, link popularity, etc. http://www.marketleap.com/siteindex/

26

27 Saturation – how many pages?

28 Keyword – placement in search results

29 Site awareness – how many links to your site?

30 Toolbars Added functionality at your fingertips

31 Google toolbar Search Search histories See page ranks Stop pop up ads http://toolbar.google.com/  Internet Explorer

32 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

33 Toolbar in the browser

34 Shop-a-holics? E-Bay toolbar Alerts just before auction ends Search http://pages.ebay.com/ebay_toolbar/

35 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/firebir d/webdeveloper/

36

37

38 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 http://www.peterbailey.net/fValidate/

39

40 Example

41 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

42

43 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

44

45 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/

46 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 http://www.inknoise.com/experimental/ layoutomatic.php  4.x browsers

47

48 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-and- wizards/list-o-matic/list-o-matic.asp

49 Examples

50

51

52 Firdamatic ™ Design tool for uninspired webloggers Online tableless layout generator 2 or 3 column layout http://www.wannabegirl.org/firdamatic/

53

54

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


Download ppt "Cool Tools for Web Development Internet Librarian Darlene Fichter University of Saskatchewan November 3, 2003."

Similar presentations


Ads by Google