?
Solved

Trying to figure out how a certain page look was accomplished.

Posted on 2013-06-13
4
Medium Priority
?
272 Views
Last Modified: 2013-06-15
I don't know if it's a trend, but I've seen web apps where the layout contains two columns.  The left column is approx 20% in width and is the menu. The remaining column is for the content.  The menu has rows that you click on and it slides up and down to present the menu options.  Sorry, i don't have a screenshot to show you.

Is this look part of a framework that's available in Codeigniter or Zend?  Where can i learn more about it?

Thank you for your answers.
0
Comment
Question by:dorianit
  • 2
4 Comments
 
LVL 15

Assisted Solution

by:Jagadishwor Dulal
Jagadishwor Dulal earned 600 total points
ID: 39244447
There is lots of way to complete your requirement. One of the fiddle example you can see in this link
http://jsfiddle.net/HjYZ6/6/
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 1400 total points
ID: 39244989
They are called accordion menus.  They are done with client side scripting. 90% of them are junk written by idiots who have a skillset limited to what the they can do with jquery.

If you search Google for accordion menu You will get a whole range of possibilities.  After you look at the code you will see what I mean by junk, but if you have actual programming skills you will probably be able to do exactly what you want in less time than it takes to to try and modify the junk into something reliable and robust.

Cd&
0
 

Author Comment

by:dorianit
ID: 39249988
COBOLdinosaur,  

Thank you for the honest feedback.   I take that it that you're not against JQuery; it's just that the code out on the web is done poorly?

Once I determine the business and functional requirements, is there a best practice for how I should lay it out in the web app?  Is there a UI framework to provide advice?
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39250260
I think Jquery is one of many tools and I occasionally use it, but most of the time when you see it being used it is unnecessary bloat.  Many common menu effects can be done with CSS transitions with little or no scripting.

Once you have nailed down your requirements, you could try a couple of quick prototypes with products that look like they fit your plans. When you find a product you are comfortable with and you have a general layout, then play with your layout options.  That may sound like it burns development time, but playing with it enhances the learning process and will save you time when you get down to the fine details.

As you start developing the code we can help you over any rough spots.

Cd&
0

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
When it comes to security, close monitoring is a must. According to WhiteHat Security annual report, a substantial number of all web applications are vulnerable always. Monitis offers a new product - fully-featured Website security monitoring and pr…
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question