Color Blind

Be seen by all

Books on web design warn against using the colors red and green.

One out of twenty people have problems with some form of color blindness.

Here is a site that will let you check your web pages. You will be able to see the page as it appears to someone with one of the three main types of color deficit.

Vischeck

Normal



Deuteranope color blindness





Colorblind Web Page Filter


How do things look to Color Blind People


Web Colors


See all Topics internet

Animated Signs

Move it

A free collection of animated GIFs.



AnimationLibrary.com


See all Topics internet

Is it Christmas Yet?

Ideas to consider

All right, when this was posted, November was just put to bed. Still if you are going to do something for the holidays, you might want to start now.

37signals.com has a good selection of suggestions, tutorials, and links the will help you decorate your site. Elves are extra.

37signals is here to help. In these pages you'll find dozens of ideas for improving the holiday customer experience at your site. Each idea is accompanied by examples taken from top retail sites (we've visited hundreds of sites over the past two holiday seasons seeking smart techniques).

Is your Site Ready?


See all Topics internet

Head Blog

How to

Some instructions about how to make a header for a Blog or web page.
It talks about Photoshop, but other editors can do the same thing.

PaulStamatiou.com


See all Topics internet

Ticker Tracker

Free Code

Create your own tracker graphic. It updates automatically.



TickerFactory


See all Topics internet

Photo Gallery

A CSS exercise

FrontPage had a Photo gallery template, and you can also save a PowerPoint show as a web page.

For another take on the problem, here are the instructions needed to create a gallery using CSS.

Click here to see what it might look like:



How to Create a Photographic Gallery Using CSS
By Stu Nicholls


See all Topics internet

Graphics from the '50s

Remember it the way you want to

Original fifties clipart? Just in time for the holidays, some Ozzie and Harriet style pics.

"Most communities in the fifties had small town print shops that doubled as printers of local news and advertising papers. These printers could not afford graphic artists so they used stock clipart supplied by large companies who distributed common graphics for use in advertising sections of the papers. They were provided for the printer in lots of categories to meet any advertiser's needs."

Retrographix.com


See all Topics internet

Slide on a Web Page

Make it an Internet show

A little bit ago we talked about putting a live web page directly on a slide:
Web Page on a Slide.

This hint is about converting your PowerPoint show into a web presentation.

Here's a slide show on the web showing how it's done:

EllenFinkelstein.com:
Publishing a Presentation to the Web

Also:

Indezine.com:
PowerPoint 2002-2003 Web Options

RDPSlides.com has this article:
PowerPoint on the Web

Web and PPT 2007:
University of Wisconsin-Eau Claire

Office.Microsoft.com:
Show slide animations during a Web presentation


See all Topics internet

Pictures Toolbar

Control your graphics

You may have used this toolbar in other applications; you may want to get to know it even better.

These tutorials looks at the toolbar which includes several easy-to-use features to tweak, enhance and position graphic images after they are inserted into a Expression Web/FrontPage web page.


Pictures Toolbar

• Insert an Image from File also insert images from the Clip Organizer or obtain free clipart online at Microsoft's Design Gallery Live
  
• Text can be placed directly on a GIF image.
  
• Automatically create a thumbnail of a larger image.
  
• Position Absolutely
  
• Bring Forward/Send Backward
  
• Rotate Left/Right
  
• Flip Horizontal/Vertical
  
• More/Less Contrast
  
• More/Less Brightness
  
• Crop
  
• Line Style
  
• Format Picture
  
• Set Transparent Image
  
• Color
  
• Bevel
  
• Resample

See all Topics

Photoshop Blog Templates

Design suggestions

I haven't done any remodeling of this blog in awhile, but when I do I'll be looking at Jennifer Apple's site:

www.PhotoshopSupport.com

"Once you choose a blogging service and set up an account, you will be provided with a standard blog template. But this template will suffer from a cookie-cutter design, and if you don't personalize it your blog may become lost. To be noticed your blog needs to make a splash - as there are more than ten million blogs out there. So what we'll concentrate on here is working with some design elements that can help you add more zing to your blog."

Tips For Blog Templates & Blog Design In Photoshop

Here are a few of the link categories:

• Inspiring blog designs
• Free fonts for blogs
• Free photos for blogs
• Free blog templates
• Free blog backgrounds, tiles & patterns
• Free color schemes for blogs

See all Topics internet

Favicons

Art in 16x16 pixels

When you link to certain sites, you might notice that a graphic is sometimes displayed instead of the IE logo. There are numerous sites that help to create and place these logos.

To add a Favicon, upload the file, favicon.ico to the root web directory of your hosted website Make sure the file is named "favicon.ico." When someone bookmarks your site with a browser that supports favicons, your mini-pic will appear.
You could also link it using this code:

<link href="favicon.ico" rel="SHORTCUT ICON">

MSDN.Microsoft.com:
How to Add a Shortcut Icon to a Web Page

Clickfire.com:
Place a Favicon on your Website

Michael P. Pierce:
MpP Favicon Gallery

Chami.com:
FavIcon from Pics

"FavIcon from Pics is an online tool that can generate a favicon from a picture, logo or other graphic of any size/resolution. It was also the first online tool that simplified the creation of favicons using a regular image without requiring manual edits."

Makiko Itoh:
Favicon

" Here's a roundup of some of the favicons that caught my eye. Please click through to the sites themselves, to see how the favicon works (or not) with the site. Maybe it will get you thinking about your own site's favicon."

Daniel Burka:
Favourite Favicons


See all Topics internet

Very Clever CSS Playground

I didn't know you could do that!

"This site documents my attempts at understanding and exploring the possibilities of CSS. From standard navigation links to my more bizarre experimental techniques.

All my examples are produced with JUST CSS, no javascript, or any other language, has been used in any of the examples. The demonstrations are designed to work in all the latest browsers, but, if you're lucky, some may also work in earlier versions."

Stu Nicholls' Navigation Gallery.
Here are two of the examples demonstrated:

Messing about in boats
Hover over a picture and it enlarges to 100%
Also:



The Streaker
A piece of animation done with CSS alone, no Java.
(I haven't figured out how to use situational CSS in a blog, so you'll have to go to Stu's site to see if the guy gets to the other door.)


See all Topics internet

Color Pickers

Formatting tools

Colorcode Generator

Color Scheme

Color Schemer

Iconico

Irfanview

Kira's Web Toolbox

Pagetutor.Com

Visbone



Also:
More Color Matching Tools


See all Topics internet