I know it’s unfortunately the “taboo” of modern website design, but many developers don’t want to simply leave their IE7 visitors and IE6 visitors in the dark. It’s fine for sites like this one, or for web applications but what about corporation websites? For sites that HAVE to support older/alternative browsers. This came to light ever more when I recently worked on a website which would mean that customers worth millions could possibly be using IE6. There’s 50% of employees there too who still run IE7 so not supporting them wasn’t an option. I needed (and used) a large set of tools to help me accomplish this task, and I’m going to tell you about them.
Update 6th Nov 09: My panoramic wembley photo has been used in Main Event Magazine (Thanks Ky for sorting this) Update 12th Oct 09: This photo is now part of the Wikipedia page on Wembley Stadium as the header image
The game was full of controversy, foul play, substitutions and of course, goals. Chelsea finished up beating the Champions 4-1 on penalties and I took along my trusty SLR to photograph some of the action and I got some pretty good shots! Note: all the photos are licensed under the Creative Commons Attribution-Share Alike 2.0 UK: England & Wales licence which means they are free to use along with attribution to this site! Enjoy!
So University is done and dusted for 2009. I won’t be returning until September 2010 which makes for a nice break. In the end I got my grades (A,A,B,B,B,C) which I was very happy with. To top all this off I thought I’d showcase some of the work I did to receive these grades.
Visual Design(B Grade)
I’ll start with a Module I didn’t thoroughly enjoy this year due to boring briefs, however, I did a little bit of illustration for it which included some postage stamps, posters and even included some Video in After Effects. You can see the video, the illustrations and the posters over at http://turnitoff.info/ (the posters reside in the footer of the page)
The site was built using the latest in Javascript and jQuery technology so check it out, hover over the elements, play with the buttons. Your probably better off using FireFox too, as IE couldn’t really handle it’s superior web modernness. Make sure you check out the video at the bottom of the website too (yes that is me speaking sounding common as muck).
This was a complex one, which also means I can’t demonstrate it online. The idea was simple, Unique Bidding auctions.
The site featured a worlds first in online bidding. Live real time bidding in auctions. You could actually watch LIVE bidders placing their respective amounts on the page as it went along. This meant users could bid against each other based on other users’ bids. Clever eh! It was all jQuery and PHP grabbing the data from a database. It was awfully complex and also included a 10,000 word document explaing the process and research behind it. There was also a very fancy presentation which explains the fundementals if anyone wants to watch it. Its the branding, the functionality and the UI all rolled into a short few slides.
It also had it’s own iPhone web application which tied into the whole site shwoing live bids from anywhere in the world at any time.
Web Programming (A grade)
Another interesting one. And one which I actually really enjoyed.
Assignment one involved building a file based Guestbook with full admin features, the ability to edit posts and delete them, a swear word filter to stip out those naughty words and a slick simple UI. It also had AJAX editing of comments right in the page. No loading, no navigating, just click and change! I think you can guess what Lady Part and Ping Pongs were supposed to say! It maybe available as a free download if anyone is interested in the future.
Assignment two was a dog database website. Very similar to Battersea dogs homes website. It needed full admin controls and the ability to save dogs as favourites and have the ability to search the dogs too. The brief was very extensive, and I covered everything. Check it out online right now. I ended up building a commercial site based on this for Cliffe Kennels.
This is a group project, and something which is a real challenge working with four different creative minds. My University chum Chris Kovalenko was part of our A grade group which created a chairty website and CDROM called the West Yorkshire Autistic Society (completely fake). Check out the site.
Intro to Video(B Grade)
My mate Adam Fisher helped me out with this one as I couldn’t star, edit and film the whole video. He rode the bike, I edited it, The Chemists supplied the music. It actually works quite well for my first every video. So I’m quite happy with it as a 2nd year project.
That’s it! I hope this gives someone some kind of inspiration either for university or for their next project. If it did help you in any way shape or form, drop me a comment!
The other day I realised I had loads of spare web stuff lying around on my hard drive which included canned designs, unused web pages, old university assignments and old website designs (PSD’s and XHTML/CSS).
Well, today I decided I’d start releasing this spare stuff online. If I’m not using it maybe someone else can get something out of it. That was the idea behind the WordPress Olivia template, it was an old design which morphed into a pretty popular free template.
Anyway, we start this new routine of free downloads with a free XHTML template complete with instructions on how to use and modify it.
You can view a demo of the free XHTML theme or even download it for yourself to dissect, prod and poke.
There is also a tutorial on how to edit the pages, adding paragraphs and headers and also how to edit the CSS. It’s a basic tutorial but it explains the beginner methods.
Unfortunately there won’t be much support for it. You’ll have to work it out for yourself. If you are really really stuck you can drop comments for this post below and I’ll try my damn hardest to answer. Honest.
It’s not far off release date! (well within a week hopefully!)
Features of the theme:
Clean fluent design based on the 960 grid system
Beautifully selected colour tones
FamFamFam silk icons (as they are very pretty)
Various stylesheets (colours)
Widget ready, as all new themes usually come
Other neat little features!
Check out the image of the design above and leave us some feedback and request for features!
We will post the download right here next week and will also submit it to the WordPress Gallery.