Category: Ryan’s Internet Technology, and Web Design Blog

Attached is a .zip file that contains the source code and a set of example web pages that will allow you to dynamically render links (or any html tag for that matter) with one of two classes depending on which page you are viewing

It gives you the ability to render nav bars that display items as selected and unselected.→ Continue reading “ASP .NET Script to Render Selected and Unselected Links Depending on Which Page You are Viewing”

If you have ever seen Firefox 2 and 3, IE 6 and/or IE 7 render the scroll bars on a div that has the overflow: auto property set what follows is a full description of the problem and a solution.

Click here for said solution.→ Continue reading “Why does the overflow: auto setting on a div nested in a table cell not render the scroll bars properly in IE 6, IE 7, and Firefox 2 and Firefox 3?”

I run a number of VMWare virtual machine instances on my Linux host and in one of them I do a lot of Photoshop work.  This involves a lot of holding down the Shift key, which with the default installation of Kubuntu 8.04 enables the sticky keys and slow keys accessibility options.

To turn this off, go to System Settings/Accessibility and click on the "Activation Gestures" tab.  Then uncheck the "Use gestures for activating sticky keys and slow keys".

Click → Continue reading “Disabling Sticky Keys under Kubuntu 8.04”

Adding a "Skip Nav" link to your design can sometimes compromise the look and feel of the page.  Moreover it can confuse those visitors who have no idea what it means.

A good solution is to create a Skip Nav link that is only visible when it receives keyboard focus.  This happens as a user is tabbing through the page.

To do so, use the following styles and markup:

Styles:

#skip a,
#skip a:hover,
#skip a:visited
    {
    position:absolute;→ Continue reading “Creating a Skip Navigation Link That is Only Visible When it Receives Keyboard Focus”

Here are links to some accessibility validators sent to me by my friend Karen:

• http://checker.atrc.utoronto.ca/servlet/Submit
• http://wave.webaim.org/  This site features a Firefox toolbar.

Here’s a cool site with a ton of free Photoshop patterns.
and
Another.→ Continue reading “Free Photoshop Patterns”

Here are a couple of cool websites for picking and generating color palettes:

• http://www.lightsphere.com/colors/
• http://colorschemedesigner.com/
• http://www.degraeve.com/reference/color.php
• http://www.degraeve.com/color-palette/ This one is really cool.  Give it the URL of an image and it’ll generate a palette for you.

The following is a set of composite screen shots that were generated to
answer the question: "Does Safari on Windows render pages the same way
that it renders pages on the Mac?".

My conclusion is that it does.

Click here to see the composite screen shots.

What I did was to take a screen shot of exactly the same web
page on a Windows XP machine running Safari 3.2.2 and a Mac running
3.2.1. I used pages that I knew → Continue reading “Does Safari under Windows Render Pages Diferently than Safari Under Mac OS X?”

If you have content on your site on which you want to set a custom line-height, doing so on the body tag can cause some unwanted side-effects and rendering anomalies in some browsers.

My suggestion would be to set the line height on the specific content container (div, span, ul, etc.).→ Continue reading “CSS: Setting line-height on the body Tag Can Causes Un-Wanted Rendering Anomalies”

Here is a link with information on how to run both Safari 3 and 4 on the same Mac.→ Continue reading “How to run Safari 4 and Safari 3 on the same mac”