All posts by “Hakim Azmi

comment 0

5 Practical Examples to learn Vue.js

The philosophy behind Vue.js is to provide the simplest possible API for creating real-time, two-way data binding between the view (HTML) and the model (a JavaScript object). But what is Data Binding actually? MSDN explained in its article :

Data binding is the process that establishes a connection between the application UI and business logic

Vue.js is a new frontend library and trust us when we say it’s gaining popularity. Our team also tinkered around Vue.js , they find it interesting and hard-to-say this, but FUN !

10 second example from its site

 

Checkout the 5 Practical Examples to get started with Vue.js!

Get on it!

Ink Transition Effect
comment 0

Ink Transition Effect

Transitions maketh Interaction. Any website or mobile application without any transition would seem dull. The complexity of transitions can be as simple as a fade-in effect to something complex like the Call of Duty: Ghost loading UI Interface . Here’s an Ink transition inspired by Sevenhills, Claudia Romano has said :

“By using a PNG sprite and the steps() timing function in CSS, we can create video effects and use them as transitions”.

So what are you waiting for? Hop on the Transition train for a better future! Hola us for any ideas and comments on transitions!

See how it’s done Checkout the demo