Anima – CSS animations with a soul

CSS animations have some limits, the main is that you can’t really have full control over them. And it’s near impossible to stop transitions without dirty hacks.Another problem is calculating percents for keyframes. People create animations with time in mind, not percents. You always think of “it should fly and rotate for a half of a second, then stand still for another second and continue flying”, and not 0% start 50% fly 70% stop 90% fly.Anima gives you the ability to use delays and durations normally, even for pure CSS animations. It has two modes: JS and CSS. The first one doesn’t really use CSS transitions or @keyframes. On the contrary, it uses CSS transforms and 3d-transforms together with Javascript to create animation. You have full control over the flow, so you can start, stop, cancel animations and even create event-based stuff. CSS mode allows you to generate pure CSS animations, but it has less control features for now…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Using Flexbox: Mixing Old and New for the Best Browser Support

Flexbox is going to be pretty big when browser support improves. Syntax has changed over the years and this article explains how to mix the old, new, and in-between syntaxes to get good browser support…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Ui Parade – Live Tools

Live Tools are a collection of free online design apps that allow you to easily create your own UI elements with very little coding knowledge. As well as being able to create custom elements, you can also download your creations for use in your websites and online applications…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)