flip effect website

Posted on 2013-07-02
Last Modified: 2013-07-06

is this website made with a package or a whole lot of Jquery with flip effect and roll over effect on right side of the screen.

I would like to know how this is made other than html,CSS.
Question by:jagguy
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
  • 2
LVL 34

Expert Comment

by:Paul MacDonald
ID: 39293196
Whether it's made with an IDE (what you call a "package") or not, the result is HTML, CSS, and javascript that runs in your browser.

Since the page seems to advertise a product called "Adobe Captivate", it's a safe bet that product was used in the development of the page.

Accepted Solution

ScorchD earned 500 total points
ID: 39293354
It is using a jQuery flipcard, there are lots of ways to achive this, please see following link
If you want to create the sort and filter aspect you can simply combine the flip effect with jQuery isotope which is far nicer than your example.

Author Comment

ID: 39295072
ok what about the side bars win8 effect?
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

LVL 34

Expert Comment

by:Paul MacDonald
ID: 39295229
Again, almost certainly done in "Adobe Captivate".  You may be able to get a trial of it here:

Author Comment

ID: 39295767
Captivate gets the video of what you are doing but does it add content like that?

Expert Comment

ID: 39300098
jagguy are you trying to create the content of this site or simply the flip and sort effects?
If the latter you can use the tools I posted above and get a much better end result than your example.

Featured Post

Revamp Your Training Process

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action.

Question has a verified solution.

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

Suggested Solutions

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

730 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