Welcome to my website. I am always posting links to photo albums, art, technology and other creations. Everything that you will see on my numerous personal sites is powered by the formVistaTM Website Management Engine.

icon.linkedin.jpgicon.twitter.jpg

  • Subscribe to this RSS Feed
  • ASP .NET Script to Render Selected and Unselected Links Depending on Which Page You are Viewing
    06/16/2009 11:14AM
    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.
    Attachment: nbi_asp_navigation.zip 9714 bytes
  • 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?
    06/12/2009 10:54PM
    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.
  • Disabling Sticky Keys under Kubuntu 8.04
    06/04/2009 9:01AM
    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 the Apply button and how you can hold down the Shift key as long as you'd like.
  • Creating a Skip Navigation Link That is Only Visible When it Receives Keyboard Focus
    03/30/2009 1:26PM
    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;
        left:0px;
        top:0px;
        width:0px;
        height:0px;
        overflow:hidden;
        }

    #skip a:active,
    #skip a:focus
        {
        width:auto;
        height:auto;
        }

    Markup:

    <div id="skip">
        <a href="#skip">Skip Nav</a>
    </div>

    <p><a name="skip"></a>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    </p>

  • Web Accessibility Validators
    03/30/2009 1:09PM
    Here are links to some accessibility validators sent to me by my friend Karen:
Advanced Search

Categories

Archives