I'm new to Flex.
I want to build cool web application in flex.
For displaying content of my site, I use viewstack and button bar. It is ready, but now I'd like to add some animation effect in that.
For example changing the navigation content shows flip animation.
So how do I do that?
Help full link.
This sounds similar to another question: How can I nicely animate between viewstacks.
Perhaps that will help?
That example shows the most basic kind of animation which is readily available using open and widely supported web-standards such as HTML, CSS, and JavaScript. The jQuery library will allow you to do this in just a few lines of code. Do you have an absolute requirement for flex?
Related
I am trying to build a website which has its background images scroll with left and right controls. Where can I find tutorials to do that?
You can try CoinSlider... see this link for tutorials and demo:
http://workshop.rs/2010/04/coin-slider-image-slider-with-unique-effects/
Also see supersized jQuery plugin [full screen slideshow]
http://www.buildinternet.com/project/supersized/
OR look here for 100 Qjuery sliders, choose the one that will suit your requirement:
http://www.jquery4u.com/plugins/100-jquery-sliders-part1/#.T-YKgRdo2_4
I've used this one in the past and it's worked great. It's uses a fade transition, but I'm sure there are ways to hack it to do slide transitions.
http://www.marcofolio.net/webdesign/advanced_jquery_background_image_slideshow.html
I am looking for a way to produce the jQuery mobile horizontal page transition effect on a mobile site without using the full JQuery lib. Does anyone know of a solution using a much smaller stripped down specific JS script? We are trying to keep file sizes to a minimum.
I found a decent solution to this.
Check out 'Non-Jquery Page Transitions lightweight' by fasw.
Demo here:
http://www.fasw.ws/demos/transitions1/slide1.html
And source here:
http://www.fasw.ws/faswwp/non-jquery-page-transitions-lightweight/
This is 1.7k of JS producing transitions that are just like those produced by the whole mobile jQuery Lib.
I had the exact same question; take a look at the accepted answer by Jasper on my post here.
You could also look at the decoupled widgets here.
I'm looking for the CSS code to create a multi level vertical menu with no Jquery or javascript just pure CSS.
I have the HTML part done and ready to go!
You should follow this guide until step 3.
In case that site ever goes down essentially what you are going to need to investigate is using the :hover selector to show and hide various parts of the menu at any given time.
The flyout menu from www.cssmenus.co.uk might be worth looking at?
How can i change the appearance (not the color) of a scrollbar within a box with overflow? I know how to do it in flash, I need a way to do it without it. In fact, I want to know how they did this slider in the apple web site: http://www.apple.com/mac/
It seems they used css along with javascript, but that's all I know. Is it possible that they did it using DOM, DHTML, HTML 5, Ruby or PHP? I have no idea.
If you'd be kind enough to share the answer, I thank you in advance.
They basically re-created a fake scrollbar using images, CSS and some Javascript. When you drag the image, Javascript makes it move together with the mouse cursor and scrolls the box contents in the opposite direction. The real scrollbar is being hidden/deactivated using CSS.
Look here for some examples/tutorials: http://www.hiddenpixels.com/javascript/custom-javascript-scrollbar/
Currently, I am implementing a scrollbar using a custom embedded image using my CSS stylesheet. This is a very simple, thin scrollbar. I would like to configure this scrollbar using CSS properties at runtime, but so far I have been unable to do so.
I know it can be done because I've seen examples of it in the net, but no code to review. Anyone have any suggestions?
Thanks!
This blog has an example that you can view the source of with a right click:
http://www.axelscript.com/2008/02/20/custom-scroll-bar-using-css/
This one has a few links that redirect to examples with image skins:
http://www.foxarc.com/blog/article/101.htm
You can see a lot of the css stuff for scrollbars and pretty much everything else here:
http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html#