Tag Archives: web

New skin, old stuff

Posted on by
1

In between some rather manic weeks, i’ve some how managed to find time to redesign my website and trim a lot of clutter from it. The main redesign revolved around how I had fixed most of the layout with absolute positions and iffy padding and i’ve taken the chance to work with more HTML5 and lots of cliché css tricks (text shadow being the biggest offender, i know its over used these days but I had to try it out properly)
I’ve also taken advantage of Nivo slider (a jquery slideshow) and yoxviews new ability to display things other than images by adding youtube support. Originally I had apple quicktime files with multiformat delivery based on mobile device or desktop but the file size difference was tiny, plus it takes a load off my server (not that it was stressed)
I’m going to keep tweaking some of it (adding ARIA-Roles at some point or I will get hurt by ex-colleagues) and clean up more of the CSS but its already much better than the last version of the site. The trouble is, i’m getting too reliant on jquery.

Tonights blog post comes to you with the letter C, S and S

Posted on by
2

*bangs head on keyboard

I have just spent the last three hours writing and re-writing part of the css of my new look site. I’m pleased to report I have now have a footer which stays at the bottom of the page no matter how little content I have. Its taken me all night to tweak and retweak it to work properly and i’m so chuffed it works/pissed off it took all night.

I could have been doing something far less interesting and I just remember that I was supposed to be finishing off this for an online content
dropship

WordPress gallery test

Posted on by
6

This post is pretty redundant now as I’ve taken the page out.

I’ve been using Yoxview as a gallery plugin tool on my site for a few months now and following on from @singlecelldsgn buggering around with wordpress I figured I would follow his lead (blatantly rip off in other words) and try embedding Yoxview into wordpress. This may also help @PBux who looked at yoxview but wasn’t sure what was going on.

The result is: http://www.kirkd.co.uk/blog/index.php/yoxtest/ which is nothing more than a test to show two galleries in one page meaning multiple galleries can be used across one site easily.

There is a plugin but where is the fun in that eh? So will all due respect to @singlecelldsgn for inspiring me I give the following.

The following scripts are placed into the header or the footer:

<script type=”text/javascript” src=”http://www.kirkd.co.uk/yoxview/yoxview-init.js”></script>

This calls the yoxview plugin and also fires up the js library at googleapis without needing to add that as another line of script. I’ve hardcoded the js for now as I wanted to make sure it worked properly plus its the same one as my main site. This line of code may change in the future.

<script type=”text/javascript”>
$(document).ready(function(){
$(“#yoxview_picasa”).yoxview({
dataUrl: ‘http://picasaweb.google.com/dr.monkeyface/2DWork?thumbsize=104′
});
});
</script>

Now we pick the gallery to draw the images from. In this case its my 2d folder and the name of the div is going to be the default ‘yoxview_picasa’

<script type=”text/javascript”>
$(document).ready(function(){
$(“#yoxview_colour”).yoxview({
dataUrl: ‘http://picasaweb.google.com/dr.monkeyface/ColourTent?thumbsize=104′
});
});
</script>

NEXT! Now I pick a different folder on picasa which is the slightly funky colourdome. I also changed the div it will be placed into and its now ‘yoxview_colour’ pretty logical so far.

In the page I want the gallerys to display I just drop the required div

<div id=”yoxview_picasa”></div>

or

<div id=”yoxview_colour”></div>

What this allows me to do (as previously mentioned) is setup multiple pages all running a different yoxview gallery on each page without having to maintain the thumbnails or worry about plugins.

Job done.