This is a quick DHTML game I built one night and forgot about it. I just added support for iPhone so please check out the demo. The source code is available here, so feel free to add style or expand the game.
This is a quick DHTML game I built one night and forgot about it. I just added support for iPhone so please check out the demo. The source code is available here, so feel free to add style or expand the game.
This site’s for a sister company to a previous website I built at the start of the year. It was an interesting company that supply stitching machines to the printing trade. I love design and I currently work in digital signage, so seeing the old type-setting kits for traditional signage was very knowledgeable and rewarding.
I’ve worked at Digital Media Projects for almost two years now, and we have finally gone live with the third revision of the website. The site was designed and built by your truly and features some really cool CSS and JavaScript.
This is a pseudo way to flip HTML elements on their backs. This is a way of doing it now without waiting for a possible introduction of 3D Transforms from webkit. Try the demo or read the post to found out how it was done:
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.