Here's the utterly easy way to experiment with Netscape's
216 color palette. Try different color combinations for background, text and link colors and immediately see the results on the screen. The EXACT code is included, once you like what you see, just cut-and-paste the code onto your page; you can specify font size and include your own background image!! AND Color Picker is available for download in zip format.
This info about the browser-safe colors (provided by the author of numerous books on web design and graphics) includes explanations--with examples--of many key elements. Charts of color chips arranged by hue and also by value allow you to easily compare the non-dithering browser-safe colors; both R-G-B and hexadecimal codes are provided. A TIPS SECTION with QuickTime movie segments is also available.
Provides the 16 color names (for HTML 3.2) as well as a list of the 140 color names for fonts and table backgrounds (with HTML code practice windows so you can SEE what your coding will actually look like). A helpful (229 K) GIF is also available which shows all the 216 Browser-Safe Colors and identifies the RGB code for each shade in a "paint chip" display.
Select a 'browser-safe' background color from this page, then view samples of text in each of the 216 foreground colors. Experiment to be sure that the color combination you've selected isn't difficult for people to read. Remember, not EVERYONE will see your background image: Make sure your text is still visible with the BG color you've chosen (and be sure you've specified one --don't rely on the default value-- you don't know what they may have selected).
Type in the RGB (red-green-blue) code and this script will show you the color (in a pop-up window) and provide the 6-digit hexidecimal number. A real time-saver when working with graphics and background colors [requires a Java-enabled browser].
Webpaper is a collection of GIF files each of which creates the illusion that the text is printed on one of several realistic paper choices. The effect is remarkably pleasant and actually encourages reading (unlike the distracting patterns used on many web pages). Webpaper uses no wood pulp and is made from 100% recycled electrons; it is free for non-commercial use.
Laurie McCanna's Free Art Site provides tips and tutorials for users of ALL levels as well as software-package specific info. Find out how to make sense of that great new graphics program (before you throw your mouse). Learn how to Create a Transparent Gif or a Seamless Pattern Tile Background, etc. Find out about Text Effects, creating GIF Icons, and Animations. Includes the outstanding: How to Create a Perfect Screenshot Painlessly.
Collections of free clipart to use on personal or commercial Web pages; use the
A-Z Clipart Topic List to find a particular type of material.
Help Links & Tutorials are available to assist you in downloading
images, using graphics, dealing with Web TV, AOL, etc.
Turn Any GIF Into A Free Button!
You can easily create a nicely beveled button using this quick, online utility (it even works on animated GIFs!) AND you can then use them on personal OR commercial sites.
Have your heart set on a particular animated GIF (and no time or ability to make it yourself)? Locating GIFs on this site is easy with the menu system (and you can specify what you want to see before the graphics download, so you avoid those l-o-n-g waits).
A great FREE tool from NetMechanic, which provides up to a 90% reduction in the size of graphics!! Load an entire page by entering the URL or type in just the location of a specific graphic. An outstanding utility with clear, easy to follow instructions; works on JPEG, GIF, and animated GIFs.
Avoid "generational loss" -- shrink and/or edit JPEG images (on the web or from your local drive) without the damage of uncompression and recompression; includes options to rotate/mirror JPEG files, also. Easy to use, fast and FREE!! Experiment online or download a trial version and use this easy WYSIWYG interface on your own computer.
This GIF compression tool will reduce the file size of any single image from your computer or webpage; enter the specific location, or browse. Also, you can now crunch GIF,
BMP, JPEG, TIFF and many other image formats
to JPEG using the JPEGCruncher.
Go to this site and shrink your GIFs so they'll load quicker and take up less space on your server! Free for non-commercial use. [Registration required.] Will work with images already online or those stored on your own computer!
Provides a great two-level tutorial on GIF animation with a quick how-to overview (so novices can get started right away) as well as in-depth explanations (for more experienced animators). The author offers (FREE) personal assistance, too... just don't steal his graphics!!
This spidering software checks Web sites for broken links AND you can check webpages on your local system, too. Verifies "normal" links, images, frames, backgrounds, local image maps, style sheets, scripts and applets. Color-coded results can be sorted by different criteria; very easy and quick!! Can be used on sites of ANY SIZE... free.
Check the links on your site using John Ray's outstanding Link Checker. It includes the patented Check-n-Browse feature which allows you to traverse your own pages (or the web) and instantly see which links are functioning properly.
Use this FREE service to evaluate your site's performance. Check HTML design, browser compatibility, dead links, spelling, search engine readiness, popularity of your site, and the load time of your pages.
Try this program FREE for two months -- run a full check on the first 200 pages of your web site; receive detailed reports and see not only exactly WHICH links are broken, but WHAT error code is generated (so you can tell determine the problem).
See your site (or ANY page) as others do!! Move from link to link viewing pages as they'd appear in a variety of browsers (version 2.0 on). Check for text-only purity (and be sure your pages are truly accessible). Also, the ANYBrowser Viewer allows you to select/deselect specific page elements and see the results.
Bobby is a web-based tool that analyzes web pages for their accessibility to people with disabilities. You can use the online version to test one page at a time, or download Bobby to check an entire site.
Netwhistle.com, is a FREE service designed to monitor your Internet hardware (web, email, e-commerce, router, etc.) and notify you if they become unreachable from the Internet. You'll regain control, save time and (if you have a commercial site) make more money.
It's tempting to throw in lots of bells and whistles once you learn how to create those effects on your page, but WAIT!! Those same nifty effects can have serious negative consequences on the loading speed or accessibility of your pages. Do you really want to annoy people or prevent some from being able to use your site at all? If not, the resources in this section may help you avoid common mistakes.
With that in mind, browse around and have a great time exploring this section.
Daniel Tobias provides lots of little details that help make a web site better. This section tells how to incorporate the latest bells and whistles without impacting accessibility. Also available, an interesting overview of Brand "X" Browsers -- you may want to see what others experience when visiting your site....
This is one component of the FedWeb Tutorials: Designing for Universal Accessibility with HTML 4.0 which also includes a set of Presentation Slides as well as this handout document in both HTML and Word 97 format.
Did you know that WebTV doesn't support horizontal scrolling and that the screen width is 560 (actually 544... pages wider than this are scaled to fit the screen). Check out the Authoring Resources (including the downloadable WebTV HTML Reference Guide) to find out which tags and formats are supported so you don't lose those viewers (95 million subscribers are projected by the end of the century). To test your pages, download the WebTV Viewer.
Most likely you are viewing this page using Netscape or MSIE, so you may well be thinking... "Why would I want ANOTHER web browser?" ...and that's a valid point if all you're doing online is browsing.
However, since you're reading this page on webpage design, you are most likely a fairly serious web page developer. While code validators and backwards compatibility resources are useful, nothing beats seeing what your page actually looks like in a variety of browsers, especially so you can experiment on your local machine BEFORE uploading your files for all the world to see, or NOT to see (if the coding is scrambled on their browser of choice...).
Most of these web browsers are free for educational and non-commercial use; be sure to read the user agreement before downloading. While these sites are "reputable" (to the best of my knowledge), it is always wise to run a virus scan on any downloaded software prior to installation.
Find the version that's right for your system! Also available: Web authoring and Lynx, a simple guide
to the most essential HTML elements supported by Lynx, and ways to ensure that pages are "Lynx friendly."
If you love Netscape (and who in their right mind doesn't...), then you may want to check out Mozilla.org - the code integrators. Since Netscape made their software and source code freely available, this group hopes to help people reach consensus, and thereby provide direction and coordination for future improvements. Participate in this open forum and be on the cutting edge of browser design. [Mozilla is used as a generic term referring to web browsers derived from the source code of Netscape Navigator.]