Dev.Opera

Log in

  • Web
  • Add-ons
  • Mobile
  • TV
  • Labs

Responsive design: for mobile, tablets and more

  • Opera Mobile Emulator for desktop

    By Andreas Bovens · Wednesday, May 25, 2011 30

    This article introduces the Opera Mobile Emulator for Windows, Linux and Mac, covering the Profile Selector, command line hooks, input modes and more. Read more…

  • Flexbox — fast track to layout nirvana?

    By Chris Mills · Tuesday, October 9, 2012 43

    This article provides a basic introduction to Flexbox, the gifted new kid on the block with respect to CSS layouts. Here we'll show you how the most exciting new features of Flexbox work. Read more…

  • Opera Mini and JavaScript

    By Tiffany Brown · Wednesday, September 5, 2012 33

    Opera Mini is one of the world's foremost mobile browsers, which runs on pretty much any device, even low-powered ones. It is a proxy-based browser, which has many advantages, including reducing the size of pages downloaded onto the user's phone by up to 90%. On the downside, JavaScript can behave in unexpected ways when requested by Opera Mini. In this article we'll discuss exactly what this means for your development work, in detail. Read more…

  • The W3C device orientation API: detecting orientation and acceleration

    By Shwetank Dixit · Wednesday, July 11, 2012 33

    Using the W3C's device orientation API, we can determine the orientation of the device as well as gather information about its movement. This information is valuable in certain types of applications, such as games that require the user to tilt the device in some way. In this article we'll look at the basics of how device orientation works, along with some simple examples. Read more…

  • Responsive images: what's the problem, and how do we fix it?

    By Matt Wilcox · Wednesday, June 13, 2012 25

    Responsive images is a surprisingly complicated topic, and one that's been steadily gaining attention over the last year as more developers discover they need them and then discover there's no good solution yet. This article aims to give an overview of the problem itself, and show the different proposals in the works to address it. Read more…

  • Responsive web design: a project-management perspective

    By Rudy Rigot · Thursday, April 12, 2012 7

    The challenges of responsive web design go way beyond media queries and screen widths. In this article we look at some of the key issues you need to explore when embarking on a complicated web project, considering if, how and why the project should be made responsive. Read more…

  • WordPress goes mobile: responsive design comes to CMSes

    By Rachel McCollin · Wednesday, February 29, 2012 186

    Responsive design is quite easy when you control everything to do with the page, and you're working on a small and manageable site. But what about a sprawling CMS? In such circumstances, you'll often have to rely on plugins or extensions. Wordpress developer Rachel McCollin shares some of her wisdom on this very subject. Read more…

  • Love your devices: adaptive web design with media queries, viewport and more

    By Chris Mills · Thursday, November 24, 2011 15

    In this article Chris Mills takes a look at techniques and technologies that we can adopt to create adaptive (or responsive) web sites, including percentage units, media queries and viewport. He also discusses some recent happenings in the area, such as considerations for display on tablet browsers, object-fit, and the @viewport CSS rule. Read more…

  • 1
  • 2
  • 3
  • 4
  • …
  • 6

Tags

  • opera mini
  • opera mobile
  • viewport
  • media queries

Mobile Tools

  • Opera Dragonfly
  • Remote debugging
  • Opera Mobile Emulator
  • Opera Mini simulator
  • Web specifications support

Mobile Resources

  • GitHub repositories
  • Shiny Demos

Contribute

  • Submit articles

© 2013 Opera Software ASA.

  • Help/FAQ
  • Terms of service
  • Privacy