Solved

flip effect website

Posted on 2013-07-02
6
419 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
Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

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.

 
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: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

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

Suggested Solutions

Title # Comments Views Activity
html input 8 42
HTML Anchor Link Problem 3 35
convert Systemjs to Webpack 3 32
Bootstrap 3 - Style a dropdown 1 12
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.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

860 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