CSS

  1. The Case of the Disppearing Sidebar

    • 15 Jan 2009

    Howdy folks, as part of the ongoing little tweaks and changes that I make to this blog, I decided to try a little experiment in minimalism.

    The target of this experiment is my little sidebar which is attached to the right-hand side (at the moment) of every single page. The main point is that I got sick of continually seeing this sidebar beside my main content: it’s distracting.

  2. Custom Cursors in CSS

    • 6 Nov 2006

    Well, on one of the forums that I visit regularly someone posted asking if it was possible to change the default mouse cursor into a magnifying glass — to indicate that the user can zoom in on the image, in this particular case — rather than whatever the browser normally uses.

    It is possible using standard CSS but the results are somewhat limited: I only got it to work in Firefox and IE on my computer (Windows). But since those browsers account for probably 90% of visitors, and the change is really only a handy little cosmetic one to aid visitors, it’s worth sharing how to do it!

    It all simply comes down to the cursor property in CSS.

    What to use:

    img.zoomable { cursor: url(magnify.cur), -moz-zoom-in, pointer; }

    Example:
    Magnifying glass cursor over image

    If you want to download the special magnify.cur file that I created for this example, then feel free: download magnify.cur

    I hope that helped the person on the forums, even just a little bit.