Web Development

http:/ / www.w3schools.com/ browsers/ browsers_stats.asp
What is the trend in browser usage, operating systems and screen resolution?

http:/ / www.alistapart.com/ articles/ cssdropshadows/
A technique to build flexible CSS drop shadows that can be applied to arbitrary block elements. It can expand as the content of the block changes shape. Compatible with most modern browsers with better results for standards-compliant browsers.

http:/ / mambofrog.com/ color-pallete-tools/
All of these tools work slightly differently, but are based on the same principle: fiddle around until you find an attractive group of colors.

http:/ / www.colorschemer.com/ online.html
The Color Schemer online is a fast and easy way to get a fresh new palette of related colors for your web site. Choose a color you like and Color Schemer will provide a grid of 16 related colors (with their RGB and HTML hex values), with the option to lighten or darken the scheme. Neat and useful, especially for weblog-template tinkerers in need of new hues.

http:/ / www.colorcombos.com/
ColorCombos.com is a handy site for web designers to test how different color combinations work together on a web page. The Combo Tester lets you view how combinations look onscreen with big colored sections. (Remember, paint samples can look a lot different on your walls.) Also, the Combo Library is several pages of suggested 3 and 4 color combinations, a great resource for the color-uninspired.

http:/ / www.webwhirlers.com/ colors/
On this site, I try to explain a bit about how colours work and how they can be used on the web. Some of the things I write are well-accepted facts, while others are just my personal opinions. Color meaning and psychology, combining colors, color wizard, and lots of other helpful color info.

http:/ / css-discuss.incutio.com/
This wiki serves as a collective long-term memory for the CssDiscussList mailing list participants. Includes great information concerning how to use CSS to lay out pages.

http:/ / www.dafont.com/ en/
Here you can download fonts to use in your documents, create titles or logos. You can browse and preview the fonts with your own text straight from the site before download.

http:/ / www.kryogenix.org/ code/ browser/ aqdropshadow/
Drop shadows are a nice technique that can be applied to text. Here's a cross-browser, unobtrusive DHTML solution.

http:/ / www.evolt.org/
Evolt.org is a world community for web developers, promoting the mutual free exchange of ideas, skills and experiences.

http:/ / my-dimension.com/ blog/ 2003/ 04/ 15/ mini-icons/
A way to display off-site links with a micro image.

http:/ / www.dynamicdrive.com/ favicon/
Use this online tool to easily create a favicon (favorites icon) for your site. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is called up. It is a good way to brand your site and increase it's prominence in your visitor's bookmark menu.

http:/ / www.fontface.com/ main.html
FontFace.com now has more than 1000 free fonts and the archive grows literally everyday.

http:/ / www.danvine.com/ icapture/
iCapture is provided as a public service to the 97% of the computing world without macs. You'll be delivered a screenshot of your site as a Mac sees it through the Safari or IE version of your choice, all in 30 seconds or so. (Assuming the queue is empty) (I don't own a Mac so it's interesting to see how this new experimental browser is rendering HTML.)

http:/ / danvine.com/ iecapture/
ieCapture delivers a screenshot of your site as the IE version of your choice, all in 30 seconds or so. (Assuming the queue is empty)

http:/ / labs.thumbshots.com/ stylefilters/ default.pxf
Microsoft Internet Explorer has a rich set of filters that can be applied to images and text. Below are examples of cool image manipulation effects on thumbshots. (Opacity, Rotation, X-Ray, Grayscale, Color Invert, Blur, Shadow, Emboss, Engrave, Glow, Motion Blur and Wave)

http:/ / kmeleon.org/
K-Meleon is a lite Web browser based on gecko (the mozilla rendering engine). It's fast, it has a light interface, and it is fully standards-compliant. To make it simple, K-Meleon could be considered as the unbloated Mozilla version for Windows.

http:/ / msdn.microsoft.com/ library/ default.asp?url=/ workshop/ entry.asp
Displays a colored surface between the object's background and content.

http:/ / pro.html.it/ articoli/ id_599/ idcat_31/ pag_1/ pag.html
CSS colored content box with round corners without using images.

http:/ / www.oswd.org/
Open Source Web Design is a community of designers and site owners sharing free web design templates as well as web design information. Helping to make the internet a prettier place!

http:/ / www.thumbshots.org/
Thumbshots are thumbnail screenshots of web pages that allow you to visualize web sites or preview links before clicking. Thumbshots take away the guessing and unwanted surprises from surfing the Internet. Locate relevant information faster and easier. The end result is less frustration and increased productivity. Our goal is to provide a What You See Is What You Get visual experience to everyone, everytime and everywhere.

http:/ / www.microsoft.com/ typography/ web/ fonts/ default.htm?fname=%20&fsize=
This section includes information that will help you pick fonts that will probably be installed on your readers computers. The following pages display Microsoft's TrueType core fonts for the Web as graphical screen captures and as live text specified using Cascading Style Sheets. To view the CSS samples the fonts need to be installed on your computer

http:/ / usability.gov/ guidelines/
This site is designed to provide over 50 of the top Web design and usability guidelines based on emerging research and supporting information in the field.

http:/ / www.visibone.com/ colorlab/
These color references help you make the most informed choices when designing web sites, whether you're using the web-safe color palette or not. All 216 standard colors are grouped in the color wheel symmetrically by hue. Touching color chips have the same hue. Hexadecimal HTML and decimal RGB color codes are shown to the right.

http:/ / jigsaw.w3.org/ css-validator/
The W3C CSS Validation Service is a free service that checks Cascading Style Sheets (CSS) in (X)HTML documents or standalone for conformance to W3C recommendations.

http:/ / www.webpagesthatsuck.com/
This was one of the first books I ever read on web design and was very beneficial. "The purpose of this web site is to help people design effective and aesthetically pleasing web pages. My methodology is somewhat different. I believe that if someone is exposed to bad web page design they'll be less likely to use these techniques in the pages they create."

http:/ / www.webscale.com/ cgi-bin/ timer.dll?Mode=Timer
Webpage performance is one of the most critical aspects of any website - if it takes too long to load, visitors may loose interest and go elsewhere. With ISP proxy servers and browsers which utilize image caching, download time can easily be misleading since you visit the page frequently. By utilizing Site Timer, you can see exactly how your webpage performs, and just how long it will take for a first-time user to get to the goods.

http:/ / developer.msntv.com/ TOOLS/ webtvvwr.asp
The WebTV Viewer is a free program for your PC or Macintosh that enables you browse the Web in much the same way as a WebTV user. The WebTV Viewer reproduces layout changes caused by the way WebTV displays your pages, such as narrowing of graphics and tables to the WebTV screen width of 544 pixels. However, the WebTV Viewer doesn’t reproduce the blurring effect of a TV screen, or its treatment of color. Use the WebTV Viewer to check your Web site for layout problems and to preview your Web pages under development.

http:/ / www.microsoft.com/ typography/ web/ embedding/ default.htm?fname=%20&fsize=
This section includes information that will help you pick fonts that will probably be installed on your readers computers. The following pages display Microsoft's TrueType core fonts for the Web as graphical screen captures and as live text specified using Cascading Style Sheets. To view the CSS samples the fonts need to be installed on your computer

http:/ / www.myfonts.com/ WhatTheFont/
Ever wanted to find a font just like the one used by certain publications, corporations, or ad campaigns? Well now you can, using our WhatTheFont font recognition system. Upload a scanned image of the font and instantly find the closest matches in our database.

http:/ / www.wasabicube.com/ a/ a040315.html
A simple method of altering a table's appearance to 'stripe' every other line with a subtle background colour so the eye can track easily across each column for a given row.