Mobile building continuous user interfaces

SamsaraJS is a library for building continuous user interfaces. A continuous UI is one where many visual elements are animating in coordinated ways. For example, you may want to fade the opacity of a nav bar while a settings menu is translated by a user’s swipe gesture. Or maybe you want to blur and scale a banner image when a user scrolls some content past its limits, and add a springy bounce at the end.

Continue reading Mobile building continuous user interfaces

Vertical Fixed Navigation

A side navigation which allows users to easily browse the page, selecting one of its sections and smoothly scrolling to it. It doesn’t necessarily replace the main website navigation, but comes in handy for pages packed with content.

Continue reading Vertical Fixed Navigation

Multi Layout Slideshow

we’d like to share a simple decorative slideshow component with you. The idea behind this slideshow is to have an individual layout for each slide, accompanied by a distinct effect. The images of each slide is meant to have a decorative purpose which could be suitable for an article header; or, for example, an ornamental quotes slideshow within an article.

Continue reading Multi Layout Slideshow

Animation Transition Effect with CSS Masks

A tutorial on how to use CSS Masks to create some interesting looking slide transitions. Highly experimental!
Today we’d like to show you how to create an intriguingly simple, yet eye-catching transition effect using CSS Masks. Together with clipping, masking is another way of defining visibility and composite with an element.

Continue reading Animation Transition Effect with CSS Masks

a-design bootstrap responsive template

We have launched our new responsive template for Business. A template created with perfection with fine modern design. This will be your perfect choice to portray about your Business and present your product in the best possible way.

Continue reading a-design bootstrap responsive template