1 / 55

Cool Tools for Web Development

Cool Tools for Web Development. Darlene Fichter darlene.fichter@usask.ca 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.

yoland
Télécharger la présentation

Cool Tools for Web Development

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Cool Tools for Web Development Darlene Fichter darlene.fichter@usask.ca University of Saskatchewan Internet Librarian 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. 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

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

  5. SWiSH • Inexpensive, and has a free trial • A single user license is only $49.95 USD • Equips anybodywith 10 minutes to spare with the ability to make simple (and not so simple) flash animations for their site • http://www.swishzone.com

  6. SWiSH – animation, movies

  7. Beware of illegal video cassettes Warning: Addiction zone!

  8. 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

  9. Red text on white

  10. Black text on lime green

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

  12. FastPDF

  13. Watermark

  14. 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/

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

  16. ColdFusion poll

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

  18. php.faqts

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

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

  21. Saturation – how many pages?

  22. Keyword – placement in search results

  23. Site awareness – how many links to your site?

  24. Toolbars • Added functionality at your fingertips

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

  26. 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

  27. Toolbar in the browser

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

  29. 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/

  30. 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/

  31. Example

  32. 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

  33. 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

  34. 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/

  35. 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

  36. 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

  37. Examples

More Related