Fagforbundet web-site

The new website for Fagforbundet is a 100% responsive site utilizing cutting edge technologies like those provided by HTML 5 and accompanying technologies.

Even more so, the site is a visual treat due to in large part our awesome graphic designer which in cahoots with the rest of the team made creating a fast, responsive and cool site into really inspiring work.

The front page in a desktop browser

The site being responsive simply means that it adapts to different screen sizes and in this case also to different platforms and input methods. If you're on a touch device the site knows this and gives your the optimal experience tailored for touch input, all the way down to how scroll works and how memory usage is handled.

The front page on an iPad

Since we all know that traditional computers soon will be a thing of the past, we took special care to have the site perform and look particularly good on smaller devices like the iPhone. Making the site perform well within a bunch of different environments was a challenge, but a worthwhile one I believe.

The front page on an iPhone

My part in this:

  • Technical lead
  • Concept refinement
  • Interaction principles (modules, search, responsiveness + more)
  • Technical architecture
  • Markup and styling for about 50% of the site
  • All CoffeeScript / JavaScript development

Tools and technologies utilized:

  • CoffeeScript
  • SASS (SCSS)
  • JavaScript
  • HTML 5 + companion technologies (geolocation..so on..)

Disclaimer: The current website at fagforbundet.no does not look, behave and perform as we intended to when we made it. This is due to some later work and additions performed by others. Please refer to the screenshots and the video above to get an accurate impression of our work on this site.

More screenshots (click to see a larger image):

Tavleboka - Interactive learning tool

Tavleboka is a tool meant to be used on computers or a touch enabled blackboard, like the Smartboard.

This system features two parts, an admin part making it easy for the publisher to upload and enrich print based books in pdf format. The "presentation" application is what the teacher uses to create a rich and highly interactive learning experience for the pupils. This application can be run in any browser through the Adobe Flash platform and is capable of playing back interactive media such as sounds, animations. It will also take user input such as text, drawings, sticky notes and so on. This project was two years is the making and is an essential part of gradually enriching the world of education.

My part in this:

  • Concept development
  • System architect
  • Tech lead
  • Development of the presentation application
  • Later development of the admin application

Tools and technologies utilized:

  • Adobe Flashbuilder (Flex)
  • JavaScript
  • HTML/CSS

«Kupongrettere» - Interactive lottery apps/games

«Kupongrettere» or something like "coupon checkers" in english, are four interactive web applications / games giving users of «Norsk Tippings» (Norwegian money game provider) lottery the possibility of reliving the actual lottery, only in an interactive manner.

The applications are written using JavaScript and the latest HTML/CSS standards. The applications was especially tailored to work well on both modern desktop browsers as well as on the iPad. To make this happen we had to utilize CSS 3 technologies, such as transitions and 3D transforms.

My part in this:

  • Concept development (part of team)
  • Most of the JavaScript development
  • HTML & CSS for two of the games

Tools and technologies utilized:

  • HTML
  • CSS 3
  • JavaScript
  • jQuery

Snaptshot.no - WordPress site

Snapshot.no is a WordPress based site aiming as a entrance for users in Norway interested in the Snapshot product from Tele2.

The site was created using the Thematic WordPress theme as a foundation, extending functionality to provide functions like custom view for blog posts, form submissions trough AJAX and other the ability for the admin-users to show or hide custom elements on the site.

My part in this

  • All PHP development customizing the WordPress templates and creation of WordPress plugins.
  • Implementation of design and creation of JavaScript for animation and validation using jQuery and CSS3.

Tools and technologies utilized

  • WordPress (Thematic)
  • HTML
  • PHP
  • MySQL
  • CSS3
  • JavaScript
  • jQuery

Nydalen.no

Nydalen.no is a site targeted at the people living in an part of the Norwegian capital Oslo, called Nydalen.

The sited aims to be a tool for the inhabitants as well a means to promote Nydalen as a great place to live, work and do business. 

My part in this

  • Development of all interactive widgets (Maps, movie, weather and public transportation)
  • All widgets where build using Flex Builder 3 and JavaScript

Tools and technologies utilized

  • Flex Builder 3
  • Adobe Flash
  • Google Maps API
  • YR API (Weather)
  • Yahoo! Pipes API
  • Flickr API
  • JavaScript