Video Tutorial – How to use Interactions
Using free background patterns in Barisco
How to prepare designs in Photoshop for Barisco
Video Tutorial – Explanation of Barisco’s editor user interface
Video Tutorial – How to use the scroller
Video Tutorial – How to create overlays or pop-ups
Video Tutorial – How to create groups
Video Tutorial – How to use the Position & Size panel
Free interface templates in Barisco
Different interfaces for different platforms.
What features are not supported in Internet Explorer?
How can I optimize the load time of my project?
Why do fonts appear differently across different browsers and de
How to add your own domain name?
Does Barisco support Android?
How to duplicate pages to a different edition
Video Tutorial – Interfaces 2/2 – How to design a custom interfa
Video Tutorial – Interfaces 1/2 – Using default interfaces
Optimize your publication for SEO
Direct Share to Social Media Channels
Embed your Project
Improved Group settings for desktop and mobile views using one U
Improvements Release 2.2.5
How to create pixel perfect mobile web pages without coding?
Making a mobile ready site in 5 steps:
Reset your Profile
Animate Layers in the Scroll when Visible
Use now animated GIF in Barisco.
Integrating YouTube video’s in your Barisco projects is easy!
How to create a landing page or vertical scrolls in a page.
Implement Youtube original player (control)
New! Dimensional scrolling features for landing pages micro site
Orientation options on publication settings
New Features for creating templates in the restricted editing
New! Dimensional scrolling features for landing pages micro sites and presentations.
The scrolling features in barisco are extended. Besides the multimedia scrolling feature – meant to create scrollers in overlays or pop ups – we added the option to create full functional vertical, horizontal and dimensional scrollable pages. It is even possible to set interactions to go to a specific spots in the scroller to guide your visitors through a page in any direction you want.
So you can create even more engaging and awesome landing pages, vertical magazine pages, micro sites, web apps or presentation with larger – up to full screen – canvas sizes.
If you are not familiar with the basic scroller settings just have a look at: Click Here
Or watch the video tutorial at: Cliick Here
With the new interaction control settings you can design scrollers with infinite new possibilities
We added to the interaction panel the possibility to set a scroller target:
Enjoy the possibility to move after a click, mouse- over or mouse-out to a certain position inside of the scroller. This target can be any layer or group inside the scroller or any specific layer you added.
How to set this interaction
1. To set this interaction you need to select first the layer in your layer panel you want to give the interaction.
2. Then create an interaction at the interaction settings panel
3. Select if you want a mouse click, mouse-over or mouse out interaction
4. Select the scroller you want to interact as the target.
5. After you did this the scroller target interaction will appear in the setting
6. Here you can select the target inside of the scroller.
7. Then there are two options you can select from.
> Top left or Center
This implies that the target will find the position of the layer as the top left of that specific layer or the center of that specific layer. See image below.
8. After this you can set, if required, duration in time so the scroller will move from one positon inside the scroller to
the other position.
9. You can also set the Delay. The enables you so to delay an interaction after a click, mouse over or mouse out.
10. The graphic below you shows you can also create a web page that is larger than the visual page within the browser.
You are free to move sides ways, downward, upward or even
To see a scroller interaction working look at: http://microapp.barisco.com/
Have fun and create the most wonderful online experiences