Warp6 Mobile Theme

Retina Support, CSS3 Powered Drop-Down Menu, Search, Login and more

Apr
28

Warp6 comes with a dedicated theme for mobile devices! We know this was a long time awaited feature. Now you'll get it!

Mobile Theme

Retina Resolution

So what is a mobile theme? A mobile theme provides the general look and feel of a mobile device's user interface, so you'll get the best browsing experience on the go. Warp6 supports all mobile browsers which use the WebKit engine like the Apple iPhone, iPod Touch and Google Android devices!

And yes we also support the iPhone 4 and its new retina display, with its awesome 960-by-640-pixel resolution on a 3.5 inch LCD. The Retina display has four times the number of pixels as previous iPhones, resulting in double the pixel density.

This means that the theme requires optimized images for the high pixel density display. And guess what, we deliver the mobile theme with all images optimized for the retina display to show up in a crisp resolution.

Toolbar

Warp6 Mobile Theme

Let's take a look at the mobile theme itself. First you notice the toolbar with the logo position and followed by the button area to quickly access the navigation menu, search and login.

Logo

You can publish a custom module on the mobile-logo position to display your logo image or just leave it unassigned and the site name will automatically be displayed.

Layout

The mobile theme layout is clean and slick using all the goodies of HTML5 and CSS3. You won't find any unnecessary images or bloated markup. Thanks to CSS3 - all is done with web gradients, box-shadow and all the other cool toys that CSS3 brings into play. For example we make use of the hardware accelerated CSS3 animations for all our nifty effects. No JavaScript effects anymore - this guarantees fast and smooth animations. So you'll get not only a nice interface but also a mobile optimized layout with a compact size.

Search

Use the search button and you'll get a search dialog which will utilize your systems search functionality to display all matching results for your query.

Login

And of course you can also login through the mobile theme to provide access to content only for registered users.

Menu

Warp6 Mobile Menu

The menu button brings up the site navigation in a dropdown menu which can be nested in multiple sub levels. Further you are also able to setup a dedicated mobile menu, which can differ from your main site navigation.

Switcher

We believe in the freedom of choice ;-) Thats why we added a button that let's you switch between the mobile and the desktop theme.

Administration

Warp6 Mobile Administration

The administration options for the mobile theme are pretty self-explanatory. In general you can switch the mobile theme support on and off, enable/disable the toolbars login and search buttons and assign module positions to the mobile position aliases. The position aliases help you to re-use modules from positions which are already setup or you can use the dedicated positions which have a "mobile-" prefix. As you can see, it's not rocket science - everything was kept simple and easy.

Conclusion

That's it - the mobile theme support for the upcoming Warp6 framework. We put a lot of work in the mobile theme and are very proud to deliver one of the best experiences for mobile phones out there. Be excited as we are and ... hey to all mobiles, here we come!

Related blog posts:

Warp6 Error Pages
Warp6 Administration
Warp6 CSS Framework
Warp6 and HTML5
Warp6 Styles
Inside the Warp6 Framework
Warp6 Announcement

By Steffan | | Posted in Warp

Comments (28)

  • One Deko

    One Deko

    |
    Very very good! I waited impatiently. The output of warp6 is planned for when?
    • sascha

      sascha

      | Profile |
      Our first Warp6 based theme will be release on Monday, May 2nd.
      • One Deko

        One Deko

        |
        Too good! Thank you to all the team for this great job!
  • Jon

    Jon

    |
    First.
    Nice.
  • Vincent

    Vincent

    |
    Awesome work! This turns out to be better than I expected
  • Guest

    Guest

    |
    Ok.. now im sold. Cant wait to start using Warp 6!!!
  • Shortykun

    Shortykun

    |
    You've made my day and you can count on my subscription.

    Definitively waiting on your next templates to build my website.
  • Kim

    Kim

    |
    Sounds great and really anticipating the new release. I think it will make allot more sense, once we actually see the template. Just curious... will new theme will be released this weekend or will hold-off until next week? Thanks!
    • sascha

      sascha

      | Profile |
      Our first Warp6 based theme will be release on Monday, May 2nd.
  • zinemazone

    zinemazone

    | Profile |
    How it looks on a ipad?
    • sascha

      sascha

      | Profile |
      On an iPad it will look the same like on a normal computer.
  • Guest

    Guest

    |
    Hi,
    Did the previous templates (Milk, Corona...) Will be converted to work with warp6 and with the new tools ?
    • sascha

      sascha

      | Profile |
      We need to make a clear cut with Warp6. So there are no plans to convert older themes. The new tools will of course work with Warp5.5 based themes.
  • bigfrontdoor

    bigfrontdoor

    | Profile |
    Is the new template being released on Sunday or is there any chance of a sneaky early release tomorrow so we can all have a play over the weekend. Please !?
    • sascha

      sascha

      | Profile |
      Our first Warp6 based theme will be release on Monday, May 2nd.
  • Guest

    Guest

    |
    Oh, I'm in too! I'll sign up with your next template! Can't wait to see how zoo evolves with this, and all your other little jquery goodies. You guys completely rock!
  • Nautilis

    Nautilis

    |
    Question though - what does this mean for other phone's (symbian/bada phone's) or those who use opera mini. is there a basic mobile view for other phones?
    • sascha

      sascha

      | Profile |
      Our mobile theme only supports smartphones with Webkit based browsers. This includes the iPhone, Android smartphones and Palm webOS based smartphones...
      • Torgrim

        Torgrim

        |
        Is it possible to guide Opera/Symbian/WinPhone users to say "touch,mydomain.com", to be able to view the IPhone template? My experience (with a Nokia N8) is that the IPhone template for a website will look good and then I bookmark the mobile URL (since theres no automatic switch as for IPhone).
      • ratler

        ratler

        |
        does that mean there's a different styling for android, iphone and palm pre browsers? And if so, why not just have one for pda's and wap browsers.
  • Manni Henke

    Manni Henke

    |
    Yes! Thx a lot! :-)
  • lorenzo.sfienti

    lorenzo.sfienti

    | Profile |
    Gr8!!!
  • Steve Babbitt

    Steve Babbitt

    |
    Now that is sick. Great job, YOOtheme. Does the mobile search include the nice Ajax search we've come to love?
  • Ronald

    Ronald

    |
    This looks so F*cking great! :D
  • Is it already Monday the 2nd may? I'm so excited to use the new warp6 and the mobile theme.
    I dig the work of yootheme.
    C Ya
  • sam

    sam

    |
    Hi there! Do you guys see a demo of this mobile theme? I cannot find it. Please tell me if I can check this out online somewhere.
  • Novellisten

    Novellisten

    |
    Like it and are using it on my site, rocksolid
  • gypsylion

    gypsylion

    | Profile |
    Ok Yoo guys. How about some Drupal 6/7 Themes?? Getting tired of poorly designed templates offered by your competitors...

Leave a comment

Please login to leave a comment.