Trifork Blog

Category ‘HTML5’

Angular Directives, a beginners guide – part 1

April 17th, 2014 by
(http://blog.trifork.com/2014/04/17/angular-directives-a-beginners-guide-part-1/)

What are directives?

AngularJS-largeTo start with Angular Directives we must first know what Google’s Angular team defines as directives, so I copied a little piece form their website and I’ll comment on that.

“At a high level, directives are markers on a DOM element (such as an attribute, element name, or CSS class) that tell AngularJS’s HTML compiler ($compile) to attach a specified behavior to that DOM element or even transform the DOM element and its children.”

Read the rest of this entry »

Cordova from the Trenches: Write Once, Run & Debug Everywhere!

November 20th, 2013 by
(http://blog.trifork.com/2013/11/20/cordova-from-the-trenches-write-once-run-debug-everywhere/)

Co-written by Gian Luca Ortelli and Ashkan Roshanayi.

CrisisAppTrifork was asked to develop a mobile app for crisis management in a “GRIP 1” crisis situation for Dutch municipalities.The users of the app are municipal employees involved during a crisis situation. The app was designed in co-creation with the involved municipal employees. But what is a crisis?

Read the rest of this entry »

Firefox OS at GOTO Amsterdam 2013

October 7th, 2013 by
(http://blog.trifork.com/2013/10/07/firefox-os-at-goto-amsterdam-2013/)

FirefoxOS.2I attended the GOTO Amsterdam 2013 conference at the Beurs van Berlage. A nice coincidence happened to me while being there: I attended a talk which heavily promoted Firefox OS as a platform for mobile HTML5 development. Next thing I know, I win a Firefox OS phone at a trivia organized at a completely different talk!

To give you some background, Firefox OS allows you to build mobile applications using web technology (HTML, CSS and Javascript). There are already web standards, or about-to-be standards which allow a web app to access device specific functionality. For example, reading the orientation of the phone (http://dev.w3.org/geo/api/spec-source-orientation.html). The OS exposes many of these standards, so that an app developer can code features in Javascript which would be normally implemented using native code.

Read the rest of this entry »

Creating a mobile version of your website with Spring Mobile and Sitemesh

May 3rd, 2012 by
(http://blog.trifork.com/2012/05/03/creating-a-mobile-version-of-your-website-with-spring-mobile-and-sitemesh/)

About a year ago I developed an Android app for my website, but as not everybody has an Android device I wanted to create a mobile version of my website. In the mobile version I want to present slightly different data to make it look more like the app. In this post I will show you how I have used Spring mobile to determine which version of the site the user wants to visit and how I used Sitemesh to select the correct decorator.

Read the rest of this entry »