Resinfox Useful User Interface
Home » Resinfox Useful User Interface
This is a really useful UI design that i put together, based on some fussy customer requirements and inspired by the great "blinds" technique used by the CodeIgniter Framework's User Manual (check it out at http://www.codeigniter.com).
Bear in mind that this template is designed mainly for use on intranet , rather than internet applications as it tries to make use of all available real estate on the screen. The inspiration behind it comes from the great "1-click" lookup technique from the guys over at CodeIgniter, used on ther manual. My customer needed the foll
- A (quite long and complex) drop down menu system
- A dashboard page to make use of all available screen space to display 20+ Adobe Flex and AJAX widgets all accessing realtime info via database queries and web services.I still believe that this page is a bewildering information overload... but thats a personal opinion and a different story entirely... customer gets what the customer wants (within reason!)
- That the menu system didn't interfere with or disappear behind any of the widgets (none of the freebie scripts we looked at out there behaved properly across different browsers)
- Needed to support IE7 and FF2/3 at resolutions of 1024x768 and 1280x1024
I've since modded the basic template so that it can be used with a fair amount of freedom. I've also added a bit to it so that it will still deliver the menu, even if javascript is turned off! The menu will appear off the bottom of the screen when you hit the navigation button in the top-right. Turn off javascript and check it out!
You need:
- The file (rui.zip)
- download the latest version of jquery from http://www.jquery.com
- Rename the required jquery script to jquery.js and place it in the same folder as index.html and styles.css (or modify the files to suit)
- Customise to suit
- That's it!
You can see it in action here
Hope you find it useful. I'm onto using it for my 3rd project already.