Nowadays, Google amongst some others offers tools to improve your site performance.  Now you can also test where you're most likely to get conversions and engagement. Check it our here.

From Mashable.

Tags: google, conversion, engagement, web design, yooba.com

We've been quite busy here at Yooba HQ, working hard on a great new feature for Yooba Studio: the Scene Box. A scene box is an object you place on the scene, much like any other object. It can be seen as a container which holds additional scenes. These scenes works just like regular scenes: they can contain objects, animations and transitions.

So, what's the use of these scenes? A scene box can be used to create dynamic "surfaces" on a scene, where different objects and content can act and animate independantly of the rest of the projects. This makes it much easier to create and manage more complex projects, with a lot of different parts.

As a project grows in complexity, you need more control over what parts are loaded and when they're loaded. We've added some functionality for that as well. You are now able to control whether a scene should load (i.e. load it's content) together with the project, or wait until it's being viewed for the first time. This behavior also applies to scene boxes. The design of what's shown during loading is totally up to you: keep it simple with just a plain loading bar, or go for something more with images, animations!

Below is an example of how the scene box can be used to create an image gallery.
Keep your eyes open for more info on these two new features in the short future, with tutorials on how to use them.

Tags: scene box, yooba studio

Just a brief mention and tip on how to work with a loading scene, which sometimes easily can enhance the visual presentation of a project.

On the loading scene you place the objects that you want to be shown while the project is loading. It is desirable for this scene to be displayed to the visitor as quickly as possible. When you save your project a ‘flat’ picture of the loading scene is created, which means that no animations or interactivity can be part of the loading scene.

For more detailed information on how to create a loading scene, please see our video tutorial – ‘Quick Tip #5’ in the help section.

Good luck!

Tags: loading scene, yooba, flash cms, web design

David our graphic maestro, and certainly the World Champ in Yooba Studio has created a tutorial on how to make bouncing effects on assets. This is too good to keep it limited just for certain forums, therefore we like to share with you.

Update: This is what it looks like: Clicky!

Tags: flash tutorial, yooba studio, web design

As always, Yooba Studio is constantly growing, improving and evolving.
The GUI designers are working on some updates for the next release of Yooba Studio right now, improving some GUI elements to fit better with the rest. At the same time, the development team is implementing new exciting features. One feature which we think will be very useful is the ability to see some detailed info on your project. Info on which images, fonts etc. that are being used, with a file size report and suggestions on how to improve the loading experience can really be helpful to make your Yooba project the best it can be for your viewers.

Look out for this and more in the upcoming release of Yooba Studio!

Tags: yooba studio, gui, project info

In this tutorial we will take a look at how to create your own, custom buttons in Yooba Studio.

1. Start by adding a button to the scene. Click on "Add, Objects, Button" in the toolbar:
   
   
   
   
2. The button will appear on the scene, allready selected:
   
   
   
   
3. In the settings panel for the button, click on the "Change Style..." button:
   
    
   
   
4. This will bring up the "Component Styles" dialog. There are many pre-defined styles to choose from, and you can easily change colors, fonts etc.
   For custom buttons, scroll down and select the style called "Custom Skin", as shown in this figure:
   
   
   
   The button will now look like this on the scene:
   
   
   
   
5. Continue by clicking the "Change Skin..." button in the panel:
   
   
   
   
6. This will bring up the "Button Skin Settings" dialog. In this dialog you specify which images to use for the your button. A custom button have three states: UP (normal), OVER (mouse cursor is over the button) and DOWN (mouse button is pressed), and you can specify a different image for each of these states. If you like, you can use the same image for more than one state. Click each "Select..." button to choose an image from the Library to use.
   
   
   
   You can also specify a "Scale Grid" for the button. As shown in the figure above, only the area inside of the green grid will be scaled when the button is resized. This can be very useful when you have a buttons with a border that you don't want to affect by scaling the button. The grid is specified by setting the values for each respective side, left, right, top and bottom.
   You can skip this part for now if you like, it's not neccessary for the button to work.
   
   You can test the button directly in this dialog by simply clicking on it. After you have selected images for each state, click the "Close" button.
   
   
7. The button will now show the image selected for the UP state:
   
   
   
   Test-run the project by clicking "Preview" in the Toolbar and try out your new, custom button out!

 

I hope you enjoyed this tutorial, see you again next time!

Tags: yooba studio, studio, buttons, custom, tutorial, step-by-step

Today we have released two new, sweet graphics packs: Doodles and Tech. As usual, you will find them in the Library in Yooba Studio, free to use in your projects. Enjoy!

Tags: graphics packs, graphics, packs, doodle, tech, library

Yes, at last we have built version 1.0 of Yooba Studio. This means we will go live with Yooba.com very soon.

I snap the shot above from Gustav's screen seconds before the build. As you can see, he is using an old green CRT-screen for programming because the designers need all the beautiful Samsung flatscreens to get the new Yooba.com site looking fantastic!

Keep your eyes open!

Tags: release, candidate, studio, beta, gold

Last week, Adobe released the first public beta of the Flash 10 player, codename Astro. Here at Yooba HQ, we've been trying out some of the new, exiting features and thinking of different ways to take advantage of these in future versions of Yooba Studio.

I believe Flash 10 will bring lots of good, and not only in terms of the more obvious features (I'm thinking of the pseudo-3D and GPU-rendering) but also the revamped text engine and the improved drawing API.
It's allready possible to try Astros' features out by making some adjustments to the Flex environment, but still we're eagerly awaiting docs (other than Senoculars nice tutorial) and some more tools to play with.

Yooba is really exited about Astro, and what cool features it can bring Yooba Studio (and you!).

Tags: astro, yoobastudio, studio, flash player, 3d

Of course, we need to stay humble. And obviously we are. But this prooves that if you got good content you will get the attention. To some extent. As a (so far) relatively unknown actor as we are, we still need to do a bit of pushing, especially if we’re looking at new channels such as different social media. Or actually everywhere. So I think it's about the mix of viral and WOM.

I do remember reading about some respected “guru” saying something about; “if you got good content, you’ll get the WOM”.

And, yeah, it does work, but you still need to work hard to make you seen and heard.

Thanks to mydesignaward.com for the recognition.

Tags: yooba, mydesignaward, word of mouth, social media, viral marketing