Archive | November, 2007

Displaying Link locations with CSS

Why would you want too?

How often is it the case that you’re not quite sure where a link is going to take you? Ok, so it’s not a major issue for mainstream browsers – after all, that’s what the “Status bar” is for. But beyond your normal browser operation – say on an unusual machine or if you’re looking at a print-off – just how can you tell where a link should be going? If the link text is good, you might be able to track down the target page, but that’s nothing compared to the usefullness of a full URL.

Luckily with a smidgen of CSS and an up-to-date browser, you can solve at least a few of these problems in a nice, clever way. A List Apart covered this in the misty old era of 2002, back when I was still making HTML pages with notepad and cobbling together images with Trial versions of Paint Shop Pro. In the article, CSS Design: Going to Print, they Eric Meyer covers – amongst other things – the issue of displaying ‘Printed links’, making links that are as useful in print as they are functional onscreen. Read More…

3 Snazzy Photoshop tutorials to check out…

There’s nothing like a good round of tutorials to help your Monday morning procrastination inspiration. If you haven’t already seen them, I’d suggest having a look at the following three Photoshop tutorials;

And then have a look at this article / tutorial on ‘the Polish’ (aka. finishing touches)

Design Trends: Tabloid Pages

Introduction

Web design enevitably has some hangovers from the early days. The web is, and always has been, really nothing more than a network of documents. Ok so the documents are often cleverly generated on-the-fly by computer systems, but they’re still documents. That’s one thing a lot of people don’t seem to realise, one of the obsticles to understanding ‘how it all works’. The only unique thing about documents on the web is the hyperlink and by extension, the concept of navigation.

Backstory

With no precident set for navigations, and tables being such a dominant aspect of page construction, they more-or-less defined what the web could look like. From this came the standard 3-area division of the page, with side-navigation, top-navigation and content. Perhaps because of browser behaviour - like the default 10 pixel page padding – or more likely because fluid-width designs were a real pain in the rear, fixed-width layouts were predominent, and this led to the standard ‘boxed’ page idea. Or, the idea that a webpage should have a visibly limited width, enclosed within a box and surrounded by a different coloured background.
Read More…

More development peeky-sneaks…

peekysneak.jpg

Perhaps not as exciting as yesterdays’ post, but at least this time I’m showing off my own experiaments! This time, we’re looking at sound visualization with ActionScript 3. And playing around with Zinc to get a transparent-desktop application version. Neat, huh?

Development sneaky-peek

sneakpeek.jpg

I just had to show off one of Marks’ little prototypes.

Read More…