New Theme!

This evening I've put version 8 live on slickhouse.com - a theme that has taken several weeks work to put together. You'll notice a few key differences, the most prominent of which is the extra width - the site now fits to the more common resolution of 1024 x 768.

I'll be fixing any issues that crop up over the next few days, however I would also appreciate any feedback - what do you really think?

Oh, and if you're looking for the lounge, it's in the top-right.

comments Posted: Wednesday 30th April 2008, 06:00pm
Categories: Slickhouse, Web
Tags: css, javascript, slickhouse, xhtml

Litebox

As I helped Simon out last night setting up Litebox on his blog, well CG Partnership's - I decided to throw it on here too, as it's easy once you've done it the first time (as with most things in life). You may have come across Litebox whilst browsing the web, as many would categorise it under 'Web 2.0', which instantly attracts newcomers. I like it as it allows for a simple way to create a photo album on a site, whilst still remaining accessible - for example, if you're using a screen-reader, or have Javascript disabled the core links still work.

There are several ways to implement Litebox. You can use the traditional thumbnail approach:

Example 1

To expand on the thumbnail approach you could have a group, or album of thumbnails:

Example 2 Example 2

You could also revert to a simple text anchor:

Example 3

Then there is the option of group/album text links:

Example 4 A Example 4 B

And finally, something I added to the mix late last night - a single text-based link that triggers a group/album:

Example 5

The last example could be adapted so that you show a single thumbnail as your 'trigger' instead of the more traditional text link. If you're interested in how all of the above were achieved, you could either view the source code of this page, or tax your brain by figuring each one out yourself. I'll give you a hint for how to achieve the single link/multiple pictures though - display: none;

There is, however, one fairly major problem with Lightbox, or the lighter, Litebox - neither validate according to the W3C's rules for both HTML/XHTML and CSS. This is something that I am looking into myself, with the outcome hopefully being a valid version.

comments Posted: Wednesday 7th November 2007, 06:00pm
Categories: Articles, Computers and Technology, Web
Tags: javascript, lightbox, litebox