Responsibly Responsive Respondents!

Responsibly Responsive Respondents!

By Amazee Labs 7th Oktober 2011 Business, Drupal

Last month we launched our second mobile-first, responsive design for bundesplatz.srf.ch. The website runs on Drupal 7 and like KMU Businesspartner, is based on @himerus's and @thefubhy's awesome Omega theme.

Besides being responsive, another added feature was an ongoing changing background image, instantly updating every 30 minutes to reflect real-time weather conditions and activity around the Bundesplatz. Depending on your screensize, you see more or less of the live image.

Here's an example of how the site looks on a full-width, really wide desktop monitor:

SRF full-width screenshot

And here's how the site adapts for visitors viewing the site from an iPad or other tablet device:

SRF Tablet image

The outer margins are reduced, and the main column continues decreasing in width, until the sidebar drops below in an even narrower version... typically in use on mobile devices. Below is how the site looks on an iPhone... and it was all accomplished with Omega's built-in media queries and a little CSS magic:

SRF mobile image

Drupal friends: Have you tried out Omega yet? You should if you haven't!

Kommentar hinzufügen

Suchformular

Neue Kommentare

  • Bild des Benutzers home business software programs

    Good day! I simply wish to give a huge thumbs up for the nice info
    you have got here on this post. I will probably be coming again to your weblog for more soon.

    home business s...
  • Bild des Benutzers Agentur Typo3 Programmierung at Steilstarter

    Hello,

    I must say that you are going great. you are sharing your information with us so thanks for that.

    Agentur Typo3 P...
  • Bild des Benutzers Daniel

    By the way, by "no documentation" I´m referring to Views Autorefresh. It is either not complete or conflicting.

    Daniel