Product site for Nycoplus nutritional supplements done while at Jimmy Royal.
The illustrations where done by Elisabeth Moseng, the design by Anders Aakre while I did back-end and flash development.
Click here to see an archived version of the site.
I can’t even begin to describe how cool this stuff is! Imagine being able to write both client- and server-side applications using the same language and syntax. Thanks to Node.js you now can.
Node.js is an event-driven I/O framework for the V8 JavaScript engine by Google. It is intended for writing scalable network applications such as web servers in pure javascript.
If you combine this with MongoDB (a scalable, high-performance, open source, document-oriented database) – the possibilities are endless!
I have just scratched the surface on this and don’t yet have any examples ready for the public, but it seriously took me about 20 minutes to build a working chat room.
Got you interested? Read up on Node.js at GitHub, Wikipedia or Mashable.
Also check out MongoDB at Wikipedia and Mongoose a node-module for MongoDB.
This project was an audio/video based information campaign for TrygVesta, a norwegian insurance company.
The goal was to educate users about everyday risks by taking them through various scenarios of video and voice, asking them to complete tasks along the way.
This was the very last project I did at Apt, and through it( and the team I worked with) I learned a lot about stuff like audio/video syncing, the flash drawing api and advanced font-rendering techniques.
Design and video was done by Roy Kristoffersen, while Alexander Pope and I did flash development.
Click here to see an archived version of the site.
This is a project I did at Apt for Plan Norge, a norwegian charity, celebrating their 10 year anniversary in Norway in 2007.
The idea was to show users the history of the organisation through a chronological timeline of images, text and video.
Due to circumstances outside my control, the site never launched properly – but I really enjoyed making it and think it turned out quite nice.
The design was done by Marius Lundegaard, while I did the flash development.
Click here to see an archived version of the site.
Coming from a flash background, there are several features and consepts I’ve come to depend on over the years. One of them is the consept known as 9-slice scaling or grid-based scaling. Basically you define regions within an image that can be scaled, and others that should remain un-scaled. A grid, if you like defining top-left, top-center, top-right etc.
This technique is great for building graphically complex elements, while still being able to dynamically change width and height.
You can of course achieve much of the same effect using the CSS3 border-image property, but support, implementations and performance vary across browsers and platforms.
I was not able to find a proper implementation of this technique for javascript, so I ended up trying to write one myself. For now it’s really just a proof-of-concept, and not ready for production use. However I’m planning on re-writing it as a proper jQuery plugin (when I get the time).
If you’re still reading this and wan’t to find out more – check out this quick example I threw together.
After being spoiled rotten over the years using tools like FlashDevelop & FDT for flash & actionscript development, I initially had some problems finding the tools and a workflow that suited my needs for html, css & javascript.
I have checked out Aptana, NetBeans, Eclipse (with various plugins) and loads of others. For some reason I always ended up using my trusty UltraEdit, that is – until I gave IntelliJ a try.
Now IntelliJ may be a bit bulky, and sure – it’s really intended towards java development, but for some reason I found it perfect! It might not be as sexy as Coda, but it has some really nice features that makes up for it.
Like all other tools and editors, there are things I’m not 100% happy with – but if you’re looking for a new swiss-army-knife for web development, give it a go!
So I figured I would start this whole thing off with some links I’ve found useful over the last couple of months. Seeing as I’m a flash developer moving towards the world of html(5), css and javascript – most of the links in this post will touch on those subjects in one way or another.
Great resource with articles on javascript, jQuery and javascript applications.
http://addyosmani.com/blog/
Massive list of javascript libraries.
http://microjs.com
HTML5 Boilerplate: a rock-solid default for html5 awesome.
http://html5boilerplate.com
Nice vector library for javascript.
http://raphaeljs.com
A great javascript library for working with the canvas element by Grant Skinner.
http://easeljs.com
A javascript library for tweening/animation, also by Grant Skinner.
https://github.com/gskinner/TweenJS
yepnope is an asynchronous conditional resource loader.
http://yepnopejs.com
Modernizr is an open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites.
http://www.modernizr.com
John Resig, nuff said!
http://ejohn.org
Blog-post about inheritance patterns in large jquery applications.
http://alexsexton.com/?p=51
Slides on Tools for jQuery Application Architecture.
http://addyosmani.com/toolsforjqueryapparchitecture/
Slides on Scalable JavaScript Application Architecture.
http://www.slideshare.net/nzakas/scalable-javascript-application-architecture
Right, so I’ve worked with web & flash development for about 10 years now – and I’m ashamed to admit that I’ve never really had a proper website.
I’ve never actually had any real use for one, but now I would like to have a home for various projects, thoughts and resources collected over the years.
My plan is to showcase some of my work, share useful code snippets and write about experiments and projects as they progress.
I’m not quite sure how this thing will evolve, and how frequent I’ll be able to post stuff – but please be patient (I’m new at this).
This is a project I did way back in 2004 or 2005 for Plan Norge while working at Apt.
The concept was to have an interactive christmas tree where the public could light candles by sending a text-message, and by doing so supporting the Plan Norge charity.
The site won the “Innovation Award” at Gulltaggen 2006. The 3d-elements was done by Gimpville, the design by Magnus Cederholm, back-end by Anders Stalheim Øfsdahl and flash development by me.
Check out the site here.
Fun little site for the kids clothing brand WOW by BikBok done back in 2004 /2005 while employed at Apt.
The design was done by Eric Lauritzen, back-end by Anders Stalheim Øfsdahl and flash development by me.
Click here to see an archived version of the site.
(Please keep in mind that this is an old site, and everything might not work as expected)