A new website design for PH Engineering Limited. The site is a simple clean design incorporating some clever JavaScript and stylish CSS. This was the companies first website and I was pleased to get offered Creative Control on this project.
This is an example of image rotation and control using CSS sprites and JavaScript. The example i went for is based on a product demo by apple for the Ipod touch. There example uses Quicktime but i thought is was possible in JavaScript so i gave it a go.
I was combing the JavaScript framework blogs and came across this image carousel in JQuery: SpaceGallery. I used this same concept in my old website but it was written in mootools. The jQuery plug-in feels unresponsive and slow and doesn’t have any features. So here is the mootools version i wrote, sorry is not as a plugin but feel free to make it into one.
While building out a content management system for DMP I needed to create a toolbar which would stay with position: fixed; on the y-axis, but act like position: absolute on the x-axis. To achieve this I used a clever JavaScript class from David Walsh called scrollspy. View the example below to see it in action.
So its Halloween again and to celebrate I decided to create a new logo. I have to begin by apologizing to people using Internet Explorer because the Logo simply won’t work; this is partially to do with me being too lazy to port it over and partly because IE stinks and doesn’t support the CANVAS element.
I was wanting to do something different and new with blog-design. I’ve created word-press templates before but they all follow the same format: the new design concept incorporates some new technologies such as HTML5 and some clever JavaScript scripts written by myself and the wonderful MooTools community.