Portfolio

I received an email with regards to a bug in the overlay script that is part of multiBox. There was error in Internet Explorer due to document.body not being in a selector. I'm not sure why a selector is needed for such a basic JavaScript select... But IE seems to need it. I have fixed this bug, and whilst fixing it, I spotted another IE6 minor bug where the width of the overlay is calculated. Due to the script using document.body.getSize().x, if you have a width on the body (like I do on my example page), then the overlay width isn't going to be as wide as your browser window. So I changed the code to use window.getSize().x to make sure the overlay is always full width. If anyone spots any more bugs with any of my scripts, then please drop me and email or leave a comment on this blog and I will look at it ASAP.~I have created a page listing links to all the [url=http://www.liamsmart.co.uk/Downloads/]downloadable scripts[/url] I have written. Please feel free to browse my [url=http://www.liamsmart.co.uk/Downloads/]downloads[/url] page and help yourself to any scripts you might find useful. Please feel free to leave comments or suggestions via my blog. Liam~mooCollapsibles updated to version 1.1. Most of the fixes are when the 'Accordion' option is set to true. Setting were not being saved but I have fixed that. One major flaw was having a loops inside loops, but I have removed these and cleaned up the code. Another fix I made was to inject a clearing class into the bottom of each collapsible body. This way, if there is floating content in the collapsible, there wont be any nasty overlaps. I haven't zipped it up yet and made it available for download until I have tested it further. Click on the following link to see [url=http://www.liamsmart.co.uk/Downloads/mooCollapsibles/]mooCollapsibles[/url] in action. Liam~mooCrumbs anyone? I have been playing about with a script that will only show my websites 'breadcrumbs' on user request. This is useful for deeper websites than mines but thought I would try and see what I could conjure up. Here's what I have so far: [url=http://www.liamsmart.co.uk/Downloads/mooCrumbs/]mooCrumbs[/url]~Hi Connan, What email thing are you referring to? Is it the collapsible content? I built that myself. Check out the blog entry for 15/10/2008. I have it available to download. Regards, Liam~Hey mate, where did you go to get this email form thing, please reply.~Now that my website is almost complete, I have kept a list of all the websites that I have found useful. Some of these contain code, tips, information and pretty much anything that I found helpful. I have decided to add these links to my website incase they might help someone else who is looking for the same information. View my [url=http://www.liamsmart.co.uk/Portfolio/Code_Bank/]code bank[/url].~Ok, I know Samuel is working on v1.4 but I have updated Phatfusion's multiBox to work with MooTools v1.2.1. View [url=http://www.liamsmart.co.uk/Downloads/multiBox/] multiBox for MooTools 1.2[/url] . It was more time consuming than I thought it would be. The Ajax request and html element were real puzzlers. I have managed to get the Ajax request working fine (you can view the code to see what's in place), but I feel the following code should go in its place as this is how the MooTools docs says how to use Ajax requests. I don’t get any errors with the following code, but the Ajax isn't put into the container… Proposed Ajax request code: new Request({ url: this.contentObj.url, method: 'get', update: 'MultiBoxContentContainer', evalScripts: true, autoCancel: true }); I am sure it is 99% correct but if anyone knows what I'm doing wrong, then please let me know, either on this forum, my email address which is in the scripts, or via my website. I have added some extra options as well. These are optional and set within the options as they might not be everyone's taste. One thing I would like to add is the ability to put files into groups so the user will only be able to navigate through items belonging to same group. I fixed a few IE6 bugs in the CSS, changed the sizing script in the overlay so it works better in IE6 (not sure why it didn’t work with MooTools 1.2.1 so I just did it a slightly different way and it seems to work fine). This updated version of multiBox is tested in IE6 & 7 and Firefox 3. I made sure all original file types work fine, and they are all included on the default page within the zipped folder. It would be good if other people could test it in different browsers. Enjoy!~Have you ever wondered how to force the download dialog box to appear when linking to Word or PDF files instead of them opening in normal web browser? Well this small file will make sure it does. All you need to do is link to that file, and specify which file you want to download using a query string at the end. The path in the query string is the relative path from the root of your site as the ASP will do the rest. You can view [url=http://www.liamsmart.co.uk/Downloads/forceDownload/]ASP forceDownload[/url] to see the script in action. Thanks for the help from [url=http://forums.aspfree.com/]ASP Free forum[/url]!~As promised, here is the first version of [url=http://www.liamsmart.co.uk/Downloads/mooCollapsibles/]mooCollapsibles[/url]. Everything you need is contained within the zipped folder. This class is perfect for FAQ sections on a website, or for blogs like my site. The best feature is the fact that it stores which collapsible boxes the user closes and opens in the form of a cookie, so that when he/she returns to that page, the same boxes are open or closed.~[url=http://www.liamsmart.co.uk/Downloads/mooTicker/]mooTicker[/url] v1.0 for MooTools 1.2 is now available. This is at version 1. Testing and feedback would be great! It is a modification of David Walsh's typewriter class but now supports multiple strings, and has a few more features such as random generated typos and timer control. Full credit goes to David Walsh for writing this great script! Soon, I will be posting a version of Phatfusion's Multibox that is fully MooTools 1.2 compatible, as well as pack new features such as roll-over effect, overlay icon and chain animation. Along with this, I have written a class called mooCollapsibles which I use on this blog. This has a few nifty features, such as mimicking the infamous MooTools Accordion but with toggle, the toggle buttons rotate too point in the correct direction, and you have full control of the speed and transition type from within the options. Soon enough, I will also write a small class called mooCrumbs as I want to do something with my websites breadcrumbs. All the files needed to get you started are included in the zipped folder. Enjoy!~Website news ticker built that supports multiple messages! I will be making it available for download soon so keep checking back.~New website launched for 2008!!!

XHTML, CSS, & Javascript

Portfolio | Interactive Media Design | Digital Publishing | Web Design | Liam Smart | Portfolio Image 1
Easylets was built using clean valid XHTML and CSS. It is fully accessible and is updatable via their custom Mini-CMS. www.easylets.co.uk.
Portfolio | Interactive Media Design | Digital Publishing | Web Design | Liam Smart | Billy Kay
Billy Kay is a tv and radio presenter who works for the BBC. As well as that, he is successful author who´s include "Scots: The Mither Tongue" and "The Scottish World". He is a keen art enthusiast and wanted his website to reflect this. www.billykay.co.uk
Portfolio | Interactive Media Design | Digital Publishing | Web Design | Liam Smart | Nordan Development
Nordan Development was the last table based website I built, thankfully. www.nordan-developments.co.uk
Portfolio | Interactive Media Design | Digital Publishing | Web Design | Liam Smart | Design Aces Portfolio | Interactive Media Design | Digital Publishing | Web Design | Liam Smart | LiamSmart.co.uk
The final design for the much needed facelift of my website went through many transitions. You can flick through them here and see how I came to from the initial idea, to what you see now. There is a huge difference to say the least.
This is how the design started. In the header I had the idea of having Flash based roll-over silhouettes from photos as I grew up and a very subtle colour scheme. But I decided it just wasn´t doing it for me so I kept at it.
You can see it changing towards the final design with the transparent white background for the text to sit on, along with the tabbed style menu. Also, you can see the logo starting to take form. One thing I decided not to follow up was the quotes from my favourite Stone Roses songs. I decided that I would just be adding Flash for the sake of adding Flash, and that is no reason to it.
Almost the final design apart from the background colour. I decided to go for a more subtle gradient colour so the actual main design stands out more, and gives the impression of more depth as well. You might notice that the final design is also a lot shorter. I really had to compress the unused space so that the template would work on a 1024x768px resolution screen.

Flash & ActionScript

Portfolio | Interactive Media Design | Digital Publishing | Web Design | Liam Smart | Drug Awareness
I made this at university. It was the first time I had ever used Flash. The choice of stories was to raise drug awareness issues.

Design

Portfolio | Interactive Media Design | Digital Publishing | Web Design | Liam Smart | The Build Up
I made this poster for a busy bar in Dundee city centre to promote a DJ night.
Portfolio | Interactive Media Design | Digital Publishing | Web Design | Liam Smart | Stingray
whilst at university, we created a short animation mixing the old fashioned Stingray and Thunderbird genre but gave it a modern twist using popular teen horror films at the time. I created this poster for that project.
Portfolio | Interactive Media Design | Digital Publishing | Web Design | Liam Smart | Persecution
At college we were asked to design and create a brochure to be used in a museum down south that focused on the Holocaust. I used recycled paper and stitched the brochure together to give it a textured, old fashioned look & feel.
Introduction spread of the brochure of the Holocaust brochure.
Persecution & Evidence spread of the Holocaust brochure.
Witnesses & Conclusion spread of the Holocaust brochure.
Portfolio | Interactive Media Design | Digital Publishing | Web Design | Liam Smart | Mafia Month
Whilst at college, I worked in the cinema part-time and that´s where I came up with the idea to design a magazine that could be used to promote a special "Mafia Week" film extravaganza for my final project.
I created 6 inside spreads but have only included the Scarface one.
Portfolio | Interactive Media Design | Digital Publishing | Web Design | Liam Smart | Mafia Month Poster
A poster to accompany the magazine.
Portfolio | Interactive Media Design | Digital Publishing | Web Design | Liam Smart | Classic Hitchcock
Another project I did at college. We were asked to design a brochure that would promote a Hitchcock season at the DCA.

Apart from web design, I also undertake SEO projects and the results speak for themselves. See my SEO (Search Engine Optimisation) page for details.

Want to contact me with regards to my portfolio? Then do so from the contact me page.

To find out what projects I have been working on recently visit my blog or go straight to my downloads section.