Introducing Website Effects and Demo Mode

Webgirl Technology partners with websolutions by maWebCenters for web design. We are very happy to announce the release of a new set of features that will be sure to spice up your website and make editing a breeze.

Our first new feature is called Website Effects and as you’ve probably guessed, this feature adds special effects to your website.  You can add them to all the different widgets your site is comprised of.  You can even combine effects for more advanced ways that your website will attract visitors.

Effects List

Below is your handy dandy cheat sheet on the various effects and what they do:

Background Parallax – Move the background image from one spot to another while scrolling.

Bounce – Bounce a widget in a specific direction.

Fade In – Fade a widget into view.

Fade Out – Fade a widget out of view.

Fold In – Fold a widget into view.

Fold Out – Fold a widget out of view.

Move By – Move a widget by a specific amount of pixels (to the right/left and/or down/up).

Move To – Move a widget to a specific position on the page.

Pin – Pin a widget to the top of the page once the widget has been scrolled to the top.

Puff – Expand and fade a widget out of view.

Pulsate – Fade a widget out and back in a specific number of times.

Rotate – Rotate a widget.

Scale – Resize a widget by a specific amount.

Shake – Shake a widget in a specific direction.

Slide In – Slide a widget into view.

Slide Out – Slide a widget out of view.

Text Slide In – Slide text line-by-line into view. Note: this effect is designed to work with similarly formatted text (and not images, links, etc.)

Text Slide Out – Slide text line-by-line out of view. Note: this effect is designed to work with similarly formatted text (and not images, links, etc.)

Text Tango – Splits up and dances text within a widget. Note: this effect is designed to work with similarly formatted text (and not images, links, etc.)

Tilt – Tilt a widget

Effects Settings

Not only can you apply effects to your site now, but you can also adjust the finer points of how they transition, where they end up on the page and so much more.  Below are a few other important aspects of effects that you’ll want to learn:

Status – Determines if the effect you have chosen will be displayed or not.

Direction – Determines the direction that the effect will take place in.  You can try using negative values to have effects go in the opposite direction as well.

Bring to Front – Displays the effect in front of other page content.

Transition Effect – Secondary effect that occurs at the Start and/or the End of the main effect’s duration.

Trigger On – Action on which effect is triggered.  Depending on the effect you have chosen, options can include on hover, when top of widget is visible or when bottom of widget is visible.

Duration – Duration of time that effect takes place during.

Demo Mode

Lastly, we are proud to present the newly created Demo mode.  In the past, if you wanted to see how your site would look and function exactly as it would when it went live, you had to either Preview or Publish your site.  That is no longer the case.  All you need to do is make whatever website edits you want and click “Demo” in the top bar and your website will appear exactly as it would if you were to publish it.  This gives you an instantaneous view of your site, without the need to go through the whole Publish process.  This will dramatically improve ease of use and time it takes to develop your website.

We’ve been working very hard to provide these wonderful new features and we hope you enjoy using them, as much as we enjoyed developing them.

If you have any questions about Website Effects, Demo Mode or any other features that we offer, please do not hesitate to email me Rikki@webgirltech.com or call me at (443) 871-9227.

If you’d like to check out some of the effects in action, feel free to check out this new demo site at www.sampleeffects.com. Remember, if your website is icky, call Rikki! ™