Solved

flip effect website

Posted on 2013-07-02
6
418 Views
Last Modified: 2013-07-06
Hi,

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.

http://captivatecrazy.blogspot.com.au/
0
Comment
Question by:jagguy
  • 2
  • 2
  • 2
6 Comments
 
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.
0
 
LVL 4

Accepted Solution

by:
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 http://www.jquery4u.com/animation/10-jquery-flip-effect-plugins/
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.
0
 

Author Comment

by:jagguy
ID: 39295072
ok what about the side bars win8 effect?
0
Enterprise Mobility and BYOD For Dummies

Like “For Dummies” books, you can read this in whatever order you choose and learn about mobility and BYOD; and how to put a competitive mobile infrastructure in place. Developed for SMBs and large enterprises alike, you will find helpful use cases, planning, and implementation.

 
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:

https://www.adobe.com/cfusion/tdrc/index.cfm?loc=en%5Fus&product=captivate
0
 

Author Comment

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

Expert Comment

by:ScorchD
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.
0

Featured Post

VMware Disaster Recovery and Data Protection

In this expert guide, you’ll learn about the components of a Modern Data Center. You will use cases for the value-added capabilities of Veeam®, including combining backup and replication for VMware disaster recovery and using replication for data center migration.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
CSS: Making responsive table look nicer 7 26
jqury 17 30
Simple Total function not working 8 31
I want a tab to always be underlined when I open div then change 1 15
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

777 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