Geeks With Blogs
expression{} Thoughts on Expression Web and web tools in general July 2012 Entries
A Heads-Up: response.js has been updated and now works with 'ems'
The popular and excellent 'respond.js' shim by Scott Jehl that allows older versions of IE to work with CSS3 Media Queries now, version 1.2.0, works with breakpoints specified in 'ems' as well as pixels.What's the significance of this you ask?Well, if you have breakpoints in pixels they will almost certainly fail if browser zooming is used. Using ems for the breakpoints solves this problem. Easy and elegant.So, if you are using an older version of the respond shim, you may want to upgrade. Note that ......

Posted On Tuesday, July 24, 2012 8:20 PM

Responsive multi-level menu - Take 2
The conversion of a menu into a select box for mobile use works well, but is perhaps not intuitive for mobile users.This second example uses the same basic method of a single menu on the page but this is now converted into a jQuery Accordion, rather than the select box. You only need to provide the P7Express menu on the page and the mobile menu is created via jQuery when the page loads. It also works 'mobile-first' so the P7Exp styles aren't loaded unless it's being viewed on a tablet or desktop.See ......

Posted On Tuesday, July 24, 2012 8:11 PM

An experimental responsive multi-level menu
It’s fairly easy to create a responsive single level menu but I recently needed to have a multi-level menu that would work on mobile devices, which is more challenging. Common mobile approach seems to be to convert a menu to a ‘select’ box and display the whole menu at once. This is OK when just a few menu items have sub-levels but if you have lots of them the select list can become overly long.I’ve been experimenting with this approach at promising and ......

Posted On Thursday, July 12, 2012 11:36 PM

Copyright © ihaynes | Powered by: