[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

flip effect website

Posted on 2013-07-02
6
Medium Priority
?
425 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 2000 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
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

872 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