Dev.Opera

Log in

  • Web
  • Add-ons
  • Mobile
  • TV
  • Labs
  • An introduction to CSS regions

    By Chris Mills · Wednesday, July 3, 2013 3

    CSS regions is a nascent CSS feature that provides a way for us to completely decouple our content from our layout, flowing specified content containers into layout containers to give us a lot of flexible power. This article provides a basic introduction to using regions and serving fallbacks to non-supporting browsers. Read more…

  • CSS viewport units: vw, vh, vmin and vmax

    By Chris Mills · Wednesday, July 3, 2013 4

    CSS viewport units allow us to size lengths on web pages relative to the viewport size, which has some interesting applications for responsive design. In this article we'll explore the fundamentals of this topic. Read more…

  • Extension developer interview: coffee with the cottonTracks team

    By Andreas Bovens · Tuesday, July 2, 2013 13

    We sat down with the developers behind the novel cottonTracks extension, and asked them some questions over a (virtual) coffee. We talked about what the cottonTracks extension is all about, what their development workflow is, what they have learned thus far, and much more. Read more…

  • Better performance with requestAnimationFrame

    By Luz Caballero · Wednesday, June 12, 2013 20

    This article discusses how you can (and should) improve the performance of your animations, using the requestAnimationFrame API instead of the old setInterval/setTimeout methods, and how requestAnimationFrame is used. Read more…

  • Major changes in Opera's extensions infrastructure

    By Andreas Bovens · Tuesday, May 28, 2013 8

    With Opera switching from Presto to Chromium and a complete UI remake, our extensions infrastructure has also gotten a major overhaul: from Opera 15 onward, Opera 11 & 12’s extension format is no longer supported, and instead, we’ve switched to Chromium’s extension model. Read more…

  • Remotely debugging Opera for Android

    By Bruce Lawson · Tuesday, May 21, 2013 2

    Now that Opera for Android is out, you'll sometimes need to debug it, as there are differences in Standards support between Opera and Chrome for Android and Chrome on Android 4+. Because current and future Opera for Android releases are based on Chromium, we can't use the current Opera desktop releases to connect to them (wait for Chromium-based Opera desktop releases for that). So here's how to connect Opera for Android to another Chromium-based desktop browser for remote debugging. Read more…

  • Animating flexboxes: the lowdown

    By Chris Mills · Wednesday, April 17, 2013 3

    In this article, Chris Mills explores what can be achieved by using animations and transitions — along with a little JavaScript — in conjunction with Flexbox. Read more…

  • Advanced cross-browser flexbox

    By Chris Mills · Wednesday, April 10, 2013 26

    The CSS Flexible box module level 3 brings with it a lot of power and some very exciting possibilities for web development, allowing us to put together complex site layouts easily and rapidly, and dispensing with some of the illogical hacks and kludges that we've traditionally used. In this article Chris Mills goes beyond the basics, showing some more interesting uses of flexbox, and how Modernizr can be employed to serve different styles to browsers with differing levels of flexbox support to provide the best level of cross browser support available. Read more…

  • 1
  • 2
  • 3
  • 4
  • …
  • 85

Tools

  • Opera Developer builds
  • Web development extensions
  • Opera Mini Simulator
  • Opera TV Emulator
  • Opera Mobile Classic Emulator

Resources

  • Opera Developer News
  • Can I use... tables for Opera
  • Web Education Community Group Wiki
  • Opera questions on StackOverflow
  • GitHub repositories
  • Shiny Demos

Contribute

  • Submit articles

News and announcements

  • Opera for Android 20 beta released
  • Opera Next 20.0.1387.24 for the Cognoscenti
  • A small update to Opera 19
  • Opera Developer update – 20.0.1387.16
  • Opera 19 auto update is back again.

Twitter logo: contained in link to Opera Developer Relations team Twitter stream Opera Developer Network blog logo: contained in link to blog Calendar icon: contained in link to list of events being attended by the Opera Developer Relations team

© 2014 Opera Software ASA.

  • Help/FAQ
  • Terms of service
  • Privacy