Main menu

Mobile website Resources

26 Apr
Published by Mark W. Breneman

Over the next few weeks or more likely months, I'm digging in deep to learn more about building good mobile sites. A lot has transpired in the mobile world while I have been working heads-down the desktop web world.

I am blowen away with responsive design and how it can bridge the desktop and mobile world.

The Drupal Omega Theme is very impressive right out of the box. It is going to take me a while to work through all of the options and

One thing that I have not seen in many responsive designs is good mobile menu support.

Here is a comparison of several menu / navigation patterns:
http://bradfrostweb.com/blog/web/responsive-nav-patterns/

Good palantir article that outlines the problem, but no info about what code they used to solve the problem:
http://www.palantir.net/blog/scalable-navigation-patterns-responsive-web...

Jquery responsive menu script that changes a menu into a dropdown
https://github.com/mattkersley/Responsive-Menu

CSS tweaks intro to Mobile... (mind blowing)
http://css-tricks.com/video-screencasts/102-braindump-on-responsive-web-...

View gallery of responsive designs... Many many good examples
http://mediaqueri.es/
Touch Target Sizes (How big and how much space to allow around buttons / links)
http://www.lukew.com/ff/entry.asp?1085

More to come...

Add new comment

Filtered HTML

  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.