Viewing Animation Widgets
Animation Widgets
User: Roddy 9 years ago
|
|
The animation widgets are now available. Apart from individual animations, there are two building block widgets - text and image - which can be used for easily creating complex animations. Here's a demo page… http://everwebcodebox.com/widgetbox/animate/animation.html The individual widgets are here… http://everwebcodebox.com/widgetbox/animate/animation-widgets.html The possibilities with these widgets are endless and I'm looking forward to see what you guys can do with them! Last edit 9 years ago ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
User: James G. 9 years ago
|
|
I just read the page from the first link. I thank you much for "a higher z-index" reference. It makes me think in terms of 3-D. | |
User: Roddy 9 years ago
|
|
Since most people see objects on a screen as being two dimensional, we usually refer to stacking order rather than 3D. In web design, elements are positioned using three methods - in the document flow, using floats and absolute positioning. When using a drag and drop app like EverWeb the objects need to use absolute positioning to allow the user to drag them around and, in a lot of cases, completely destroy the logical document flow! To stack items on the Zee axis, they first of all need to be given absolute or relative position. EverWeb does this by enclosing every object in a absolutely positioned div which is contained inside a relatively positioned one. As the objects are applied to the page, the div with “position:absolute” has a z-index applied to it which is higher than that of the objects already on the page. The user can then rearrange the stacking order using the Arrange menu. In general, an element with a higher z-index will appear above one with a lower value. Elements can be assigned a negative z-index to “send them to the back”. I say “in general” because the situation changes when when one div is placed inside another. The child’s z-index then becomes relative to the parent’s so it is possible for it to appear below an adjoining div with a lower z-index. This is not something the average EverWeb user needs to worry about. The two basic building block animation widgets leverage EverWeb’s method of inserting elements to allow a more complex animation to be created without any need to know about, or even see, the complexity of the underlying code. It does, of course, help to have a basic understanding of document flow and z-index. Perhaps these should be the subject of an EverWeb instructional video? ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
User: Jumbo T. 9 years ago
|
|
The real daredevils with internet access can find the information by searching for it : http://www.google.com/search?q=z-index+explained What You May Not Know About the Z-Index Property Understanding CSS z-index The Z-Index CSS Property: A Comprehensive Look And those in the know will know that an Everweb page does not really need a z-index property, because re-arranging objects in EW will change the order of the code. And the code which is last in the EW webpage will by default be on top. |
|
User: Roddy 9 years ago
|
|
Quote: those in the know will know that an Everweb page does not really need a z-index property I think you will find that those who create websites with EverWeb using techniques like hover and click to expand an image, accordions etc need to have a means of changing the stacking order of elements. Those who create very basic sites - or one off demo pages - probably don't. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
User: James G. 9 years ago
|
|
It is a term I had not come across yet in relation to website building. Roddy explained it well enough that I get the gist of it and can explore further. If you really wanted to help, you could have posted a 'trotter' link, I never bother with anything else.... | |
User: Christopher 9 years ago
|
|
Roddy, you should consider selling your widgets individually instead of as a pack. Or letting users assemble a pack of 6 for example themselves. I may want that button widget! But not the other 5 that come with it. :)
------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
User: Roddy 9 years ago
|
|
The cost of setting up a system like that would be prohibitive. I'm not WalMart you know. If I sold them individually I would need to charge about $5 each - which some say I should! I've just made a much simpler widget for myself to create CTAs. Contact me and I'll send you a copy ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
Post Reply |
You must login or signup to post. |