Creative Web Specialist - An online portfolio and resource site of Warren Buckley

Latest Posts

May28th

Creative Web Specialist gets a facelift

Author
Warren Buckley

Hello all,

no I haven't had botox or gone under the knife but instead my site Creative Web Specialist has gotten a major facelift with thanks to ex-collegue and friend Sam Marks who is a great designer. A few months ago I met up with Sam to see how things were going and after a chat we decided to do a little partnership. What we agreed on was that I would help build his XHTML templates and put it onto a CMS for him, of course I recommend my favourite CMS, umbraco. In exchange he would design me a slick identity and a redesign to fit the new ident and so he did !

With this redesign I wanted an entirely new site not just some XHTML and CSS changes, so with this I took on the development task of putting this blog onto Umbraco. This has been quite a long task mainly due to moving the old blog posts and comments over to the site, but the effort was worthwhile.

Before and after

Lets take a quick look at a before and after screenshot and take a look at how much better the overall site is.

A screenshot of the old Creative Web Specialist blog

A screenshot of the new Creative Web Specialist blog designed by Sam Marks

My Links

This section is used as a good ole fashioned blog roll, with links mainly related to the topic of Umbraco, the lovely people over in Norway at Xeed who I work with and links to my various profiles on services scattered all around the internet, so you can easily find me.

Twitter Feed

This speech bubble displays my latest tweet from micro blogging service Twitter, so you can see what I am thinking or what I have to say. This is updated very regularly and if you are interested in what I have to say either keep coming back here or follow me on Twitter. This section was slightly tweaked from my latest Umbraco Twitter package to achieve this, as instead of showing my latest tweet I only show my latest tweet that is not a reply to another twitter user. I will most likely make the update to the package after the site is launched.

My del.icio.us

This section is an XSLT script in umbraco that allows me to use the RSS feed that del.icio.us provides in order to display the 5 latest links I have bookmarked. I must give credit to colleague Christian Melybe who originally wrote the XSLT to do this. (Thanks Christian)

My Last.FM

This section allows you to see what songs I have listened to recently on my computer or via the Last.FM radio service. So if you ever interested in what I listen to then keep an eye on this section. This section was very quick to implement due to the package I have already created.

My Flickr

This section could have been easily created using Flickr's RSS feed however I am using the .NET Flickr API wrapper which allows me to have further control of what photos I want to show. Instead of showing the last 6 uploaded photos to Flickr I could rearrange them by the date they were taken instead or even show more photos than the RSS feed supports.

Comment Form

Well this is very experimental but I am using the .NET wrapper library for Akismet the spam comment service that WordPress uses. After using Wordpress for a long time with the Akismet spam service the detection in my eyes has been very good. So I have coded a custom .NET usercontrol that uses the Akismet service and if it detects a comment as spam it creates the node but does not publish it in umbraco and sends me a notification email. So if this works well you could possibly expect a package release for it.

Hidden hCard

In all of my pages is a hidden hCard which is a microformat for marking up contact information in a webpage. If you use the Technorati hCard to vCard service which scans the URL you give it which then creates a vCard for your address book application. My implementation was based on the technique from Bruce McKenzie at Bioneural.net.

Download my vCard with the Technorati service

And finally...

Well now you have seen the new design and read this post, I would love to hear your feedback on the design. What do you think of my hard work? Leave me a comment and tell me exactly what you think.

15 comments
28th May, 2008
Absolutely fabulous! Great job!!!
Keep up this kind of work, I'm all blown away by this design
28th May, 2008
@Dirk Thanks for the positive feedback its good to hear you like it, I will pass this onto Sam my designer.
28th May, 2008
Good work, senor. Smoother than an eel in a velvet waistcoat! Gonna have to really have to step up to the plate to have a site as nice as this *shuffles back to drawing board*
28th May, 2008
Looks a million dollars! Very nice work chaps.
28th May, 2008
looking good ! Great job, both the design and the umbraco integration ! Keep it up.
28th May, 2008
Looking good. So nice that you're pulling content from other sources as well and the presentation is excellent.

My guess is that someone will steal/re-use some of this design..
28th May, 2008
Very nice Warren. Both the design and the features. Very exiting with the Akismet comment form. I've got to see that at Codegarden! :-)
28th May, 2008
Looks good fella, It's nice to see my design and your technical skills really come together...I hope that this site works for you..Good luck with it...

Sam
28th May, 2008
Very nice. I'm interested in the akismet too as form spam is going very general on not only comment forms but also any other forms.
29th May, 2008
Hi Warren,

My DNS finally caught up!
Really like your new site.

Quick query much along the lines of my question about your Twitter feed...

Do you cache all your feeds, lastfm, flickr etc?

D.
29th May, 2008
@Darren Thanks for the positive feedback.

The only cached item is Flickr at the minute, depending on performance I will cache the XSLTs for twitter, delicious & last.fm
29th May, 2008
Sweeeeeeet!

Two comments:
1) Where's the RSS feed?
2) I would *love* to get my hands on that del.icio.us script! I've been trying to write my own XSLT extension for it, but a pure XSLT macro would be much nicer and simpler.
29th May, 2008
@Warren how about the Twitter package, is that caching? How are you reading the feeds, with a Macro?
29th May, 2008
@Soeren the RSS feed should be auto discovered by your browser, but its http://feeds.feedburner.com/CreativeWebSpecialist

I will speak to Christian who I work with as he done the del.icio.us XSLT and see if he's happy for me to package it up.

@darren No my twitter package is not caching at the moment. If you look at my package Darren you will see its 90% XSLT solution with a XSLT extension to do some extra bells and whistles.

//Warren
13th August, 2008
I must say this facelift is something worth being proud of. The designer, Quilo has really done some great work here.

cheers to the designer.
Post a comment »

My Skill Set

This is a quick list of my skill set to date

  • XHTML
  • CSS
  • Photoshop (Slicing)
  • XSLT
  • ASP.NET
  • Umbraco .NET CMS

My Last.FM

I am listening to:

  • I'm Not Gonna Teach Your Boyfriend How To Dance With You (The Twelves Remix) by Black Kids1 Dec 2008, 17:34
  • Gorecki by LambLamb1 Dec 2008, 17:28
  • Use Somebody by Kings of Leon1 Dec 2008, 17:24

My Flickr

Check out all my pics from flickr

Warren Buckley is an umbraco MVP 2008/2009 Warren Buckley is an umbraco level 1 certified developer

Photo of Warren Buckley Warren Buckley is a Creative Web Specialist based in Leigh on Sea, Essex , UK.