Archive for the ‘Web’ Category
Another jQuery slider (v 2.0) December 17th, 2011
I don’t know how it happened but it’s December already! Soon it’ll be time for me to do a Christmas post but I thought that since, unforgivably, I haven’t posted since August I’d squeeze in a last work entry of 2011. This might seem like a bit of a cheat, some might say this belongs more as an update of my previous jQuery slider post, but as it has some pretty key differences I have decided to call it jQuery slider version 2.0 and give it a post of it’s own. This also affords me the opportunity of displaying some more photos, today’s theme: The Lake District where my girlfriend and I got engaged earlier this year.
Our camping pod.
The slider differs to version 1.0 mainly in that it can handle content other than imagery. You can now feed it a container type (e.g ‘div) and it will treat that container and everything inside it as a slide. Also the slides are now all present within the HTML rather than being loaded in by the JS. Additional features include the ability to switch the menu on and off and change the slide direction. You can download the files here. As always I value feedback, again I haven’t exhaustively tested this and I’d be interested to see how it fits within other templates and style sheets.
jQuery popup plugin August 4th, 2011
I seem to be doing a lot of bits and pieces of jQuery at the moment, which is good because I quite enjoy it. I must confess I used to feel like it was cheating but fortunately i’ve managed to shed that particular misconception and now use it in almost all the online stuff I work on.
So here’s another little plugin I knocked up for work, a jQuery popup script. Most of these bits start as some random function written for a particular site which I then make into a reusable plugin and add to my script library for re-use.
You feed this one an element ID (i’d suggest a div) and it’ll remove it from the DOM (that way you can initially stick it anywhere on the page as an accessible alternative to the pop up), re-append it just before the closing </body> tag, create (if required) a background overlay and open it up at the click of a button.
Optional settings include fade in / out, background on / off, colour and opacity, close button, and close on background click.
So test it or download the source files. Poptastic!
Hello world!
UPDATE 2: Now version 1.2 – The popup will now re-centralise when you resize the window, also fixed a couple of little bugs.
UPDATE: Now version 1.1 – i’ve fixed a bug wherein if you fired the same pop-up using multiple links, multiple versions of the background overlay were being created with the same ID. I can only apologise for this schoolboy error.
Website Roundup February 18th, 2011
www.asteral.com | www.london-bathrooms.co.uk
Not much to report this month i’m afraid, it’s far too early in the year for anything exciting. Plus our central heatings been on the blink since before Christmas and I find it hard to motivate myself when i’m freezing cold. Work wise i’m not doing anything postable sadly due to the nature of the new job – although I’m currently working on my first mobile web app so hopefully i’ll be able to put up a link to that at some point.
Anyway – with that in mind i’m posting a couple of sites i’ve worked on that have gone live recently. The first one is the Asteral web site which i completed just before I left The Crocodile and which, for some reason, has only recently gone live.
The Asteral site is built in Expression Engine and incorporates 3 levels of navigation, which was quite tricky to acheive. It also utilises the indispensible Freeform plugin to incorporate a contact form and newsletter sign-up.
The second site is a smaller site I designed and built for a London based Bathroom company (called, fittingly, London bathrooms). I also created the London Bathrooms logo, which featured in a recent post.
This is a fairly standard small site with information about the company, some work samples and testimonials and a contact form. Which you should definately use if you need a Bathroom fitted in London (or the surrounding area).
Since spring is already in the air I’m hoping the next post will be a total break from the norm and be about the landscaping of my garden which I started last year and which ground to a halt over winter. Not just a one trick pony!
Anyway, it’s been a pleasure as always.
London Bathrooms logo December 7th, 2010
Here’s something a little bit different – a logo I designed for my brothers bathroom fitting service. Some time ago (presumably before the birth of Scriptic as it’s not on here) I created a website for the company but it was branded with the Landricombe and Son logo. Recently he decided he wanted a seperate logo for London bathrooms to differentiate the companies a bit more – so here it is. I’m quite pleased with it – I made those bubbles myself 
Magnificent isn’t it? It’s certainly a huge improvement on the intermediary one which you might be priviledged enough to see, if you visit the site, before it’s binned forever when this new one goes live.
EMC xCP Documentum October 26th, 2010
www.emc.com/xcp
Another dry spell there, I really need to get back in the posting habit. Maybe with the evenings drawing in it’ll be easier. Anyway, here’s something new – A Flash micro site to promote EMC’s xCP Documentum software. The site is built for Flash player 9.0 and is coded in Actionscript 3.0.
There’s all sorts of delights going on in the background and this was a great site to do to get my Flash skills back up to scratch – the content is all driven by an XML back end, from links and assets (images, videos etc.), to the site copy. This meant all the content areas and buttons had to be expandable (to a point at least, I could only be as flexible as the design). This also meant that the language of the site could be easily changed allowing for roll out in multiple countries. By setting a language variable in the XML the flash movie will dynamically load in and embed the correct font and character set (using a class written by my predecessor at The Crocodile).
The site also uses the excellent SWFAddress JavaScript library by Asual to control deep linking meaning all sections of the site can be externally linked to and the browser navigation can be used.
Finally the ‘Solutions’ section has a cover flow system created with Papervision3D.
This was a pretty hardcore re-introduction to Flash after a long absence but it was kind of fun to build and really allowed me to expand my Flash skills so all well worthwhile.
Hopefully the next Scriptic installment will be something downloadable and scripty as I only seem to post websites these days. Untill then bye bye!
