dotMobimobiThinkingmobiForgemobiReadyDeviceAtlasgoMobi
background image
  • HTML5 - Posted by ruadhan - 15 Apr 2014
  • Thumbnail of Drag and drop round hole, square peg

    Touch-friendly Drag and Drop

  • In this article we explore some touch-friendly drag and drop implementations. In particular we'll be looking at DOM and canvas-based drag and drop approaches. We'll also build on some of the things we learned in previous HTML5 articles on mobiForge.
  • HTML5 - Posted by AndrzejMazur - 18 Mar 2014
  • Thumbnail of Section Feature Image

    Building HTML5 games for Firefox OS

  • Building HTML5 games for Firefox OS is basically the same as building for the web itself, because Firefox OS itself is built using web technologies. These are relatively new topics, and are which are gaining much traction in the press. With many companies interested in jumping in on these technologies, now's a good time to get involved. In this article we'll take a look at HTML5 game development, with a focus on Firefox OS. We'll illustrate with a case study of a real game, Craigen, and walk through how it was built, and how it was deployed to the Firefox market.
  • HTML5 - Posted by ruadhan - 12 Feb 2014
  • Thumbnail of paint on canvas

    HTML5 for the Mobile Web: Canvas

  • Next up in our HTML5 for Mobile Web series is the canvas element. Canvas is particularly interesting since it facilitates the use of graphics without the need for any plugins or other technologies other than JavaScript and CSS.
  • HTML5 - Posted by ruadhan - 12 Feb 2014
  • Thumbnail of Section Feature Image

    HTML5 Canvas Meme Generator

  • In this article we pull together some of the things we learned in our HTML5 canvas tutorial to build a simple HTML5 meme-generator web-app. First we present the app, and after we detail how it was built. So, here it is - load an image below, manipulate it, add some text, and download or save and share!
  • HTML5 - Posted by ruadhan - 10 Oct 2013
  • Thumbnail of Section Feature Image

    HTML5 for the Mobile Web - Forms and Input Types

  • In this article we take a look at some of the new form enhancements available in HTML5, and look at how they contribute to an improved user experience for mobile forms. In particular we will see how forms can be enhanced with the additional input types offered by HTML5, and show what you can expect across various classes of mobile browser.
  • HTML5 - Posted by ruadhan - 15 Aug 2013
  • Thumbnail of Finger touching feather

    HTML5 for the Mobile Web: Touch Events

  • With the widespread adoption of touchscreen devices, HTML5 brings to the table, among many other things, a set of touch-based interaction events. Mouse-based events such as hover, mouse in, mouse out etc. aren’t able to adequately capture the range of interactions possible via touchscreen, so touch events are a welcome and necessary addition to the web developer's toolbox. Use cases for the touch events API include gesture recognition, multi-touch, drag and drop, and any other touch-based interfaces.
  • HTML5 - Posted by ruadhan - 10 Jul 2013
  • Thumbnail of Gyroscope

    HTML5 for the Mobile Web: Device Orientation Events

  • In this third article in our series on HTML5 for the mobile web, we take a look at the Device Orientation API. This API provides information about the orientation and movement of a device. Information comes from the positional sensors such as compasses, gyroscopes and accelerometers. Via this API, a web app can access and make use of information about how a device is physically oriented in space. Use cases include game control based on device tilting, and mapping where a map is correctly aligned with the world based on the device orientation data.
  • HTML5 - Posted by ruadhan - 30 May 2013
  • Thumbnail of Geolocation image - birds & airplane navigating

    HTML5 for the Mobile Web - a guide to the Geolocation API

  • In this second article in our series on HTML5 for mobile web (first part here), we cover the Geolocation API. For mobile users, location-based services are hugely compelling. Long the holy grail of mobile applications, and something of a missed opportunity for service providers, the addition of location-awareness to mobile apps has made for some very exciting use cases.
  • HTML5 - Posted by ruadhan - 16 May 2013
  • Thumbnail of Image of old compass

    HTML5 for the Mobile Web - Part I: Introduction

  • There has been much interest lately around HTML5 and its readiness for production environments and whether HTML5 apps should be used over native apps. This has been due, in large part, to the high-profile defections of tech behemoths such as Facebook and LinkedIn away from HTML5 to native apps for their core mobile services.
  • HTML5 - Posted by Staff - 05 Jun 2013
  • Author thumbnail image: Staff

    A review of Firefox OS, its features and benefits

  • Mozilla will unleash its new mobile platform Firefox OS shortly, with devices running the system going on sale in Venezuela, Poland, Portugal, Brazil, and Spain in June. There's been a lot of anticipation of the OS from the outset, as it could potentially change the way mobile is viewed in some markets.
Previous
12