Dev.Opera

Log in

  • Web
  • Add-ons
  • Mobile
  • TV
  • Labs
  • Head tracking with WebRTC

    By Audun Mathias Øygard · Wednesday, July 18, 2012 34

    The WebRTC standard allows supporting browsers to stream video and audio content directly from native devices such as a webcam. One rather exciting use case for WebRTC is head tracking — detecting the movement of your head (or other appendages) in relation to a webcam — which in turn allows us to create gesture-based controls. This article looks in depth at how head tracking can be implemented. Read more…

  • Raw WebGL 101 — Part 2: a simple shader

    By Erik Möller · Wednesday, June 27, 2012 7

    This article picks up where the previous article in the series left off, looking at creating a simple shader to apply a gradient to a sample shape and offset it. Read more…

  • An Introduction to WebVTT and <track>

    By Ian Devlin · Wednesday, June 20, 2012 12

    The HTML5 specification includes two features for improving media accessibility — the WebVTT format, for marking up external text tracks such as subtitles and captions, and the <track> element, for applying those text tracks alongside HTML5 and . This article provides a detailed introduction to both features, showing how you can make use of them in your projects today. Read more…

  • HTTP: Let's GET it on!

    By Karl Dubost · Wednesday, June 20, 2012 18

    The 2nd part of a series of HTTP tutorials written by Karl Dubost, this article explores how HTTP is used to communicate between clients and servers. Read more…

  • Understanding the CSS Transforms Matrix

    By Tiffany Brown · Wednesday, May 23, 2012 17

    In this article we explain how transform matrices work — these involve some rather complicated math, but they are not so hard to understand when you sit down and check out a few examples! Once you understand how to put together matrices, you can use them inside the CSS transform: matrix(); and transform: matrix3d(); functions to apply transform effects to your web pages. Read more…

  • Making a move with CSS3 animations

    By Chris Mills · Wednesday, April 25, 2012 21

    CSS animations allow us to animate our web content, by declaring property values at different keyframes, and then applying the animations you've declared to the elements you want to animate. And what's more is that they're available in Opera 12+! In this article, we'll walk you through the basics and look at some examples along the way. Read more…

  • Opera's year in Dev Rel 2012

    By Chris Mills · Wednesday, December 19, 2012 62

    Opera's dev rel team have done a lot this year. To tie things up for 2012, we would like to present our highlights and best publications of 2012; some golden moments for you to read when the vacation gets boring! Read more…

  • Web standards curriculum translations

    By Chris Mills · Tuesday, October 9, 2012 28

    This article groups together all of the translations available so far for the Opera web standards curriculum. It's nice to see such a lot of work available already, but we'd like to see more - get in touch if you have created some translations, or would like to get involved in some translation efforts! Read more…

  • 1
  • 2
  • 3
  • 4
  • …
  • 40

Tags

  • javascript
  • css3
  • html5
  • svg

Web Tools

  • Opera Dragonfly
  • OperaDriver
  • Opera Next releases
  • Web development extensions
  • Product specifications

Web Resources

  • Web Standards Curriculum
  • Web specifications support
  • Web development forums
  • GitHub repositories
  • Shiny Demos

Contribute

  • Submit articles

© 2013 Opera Software ASA.

  • Help/FAQ
  • Terms of service
  • Privacy