Select Page

I’ve been playing around with scroll spy and re-creating this effect in Axure. Now, I’ve started to tackle responsive layout and browser width.

Axure is a great tool for making wireframes come to life … seriously. When you’re building a web or mobile application you’re better off with a complete clickable prototype then leaving your client guessing.

Responsive layout in Axure

This is a bit more complex – but start with a Dynamic Panel and (using the newer Axure v6.5b) select pin to browser. Make sure you pin it on the right hand side.

Then using scroll-spy / aka crazy flicker and some image map areas – you can detect when the browser width changes.

Hints – Next Steps?

The tricky part is columns and other objects that are stuck to the page. A way around this is to use a different set of pages for the narrower widths.

Links

Demo

What do you think? have you tried doing responsive designs in Axure?

Read previous post:
Top Posts March

Well that was the end of March! So in case you were living underground here are the most popular posts...

Close