Animating an SVG with Greensock

Recently I created an animation inspired by a Dribbble shot by @thorstenbeeck. When I saw it I immediately felt the urge to experiment with it. I’ve been doing a lot of SVG animation in client projects and thought it would be nice to show the power of SVG’s in combination with the Greensock animation platform. Once I published it I got lots positive reactions so I thought it would be nice to explain a bit about the process I went through.

Read More

Share Comments

Basic concepts of VueJS. Create your first component

Vue.js is a JavaScript library that helps you build web applications using the the MVVM (Model-View-ViewModel) architectural pattern. On its own Vue.js is not really a framework but with the right tools you can set up a framework adjusted to your needs. It might seem quite similar to AngularJS, but once you start working with it you’ll realize Vue.js is not only much easier to learn, it’s also way more flexible.

Read More

Share Comments

12 amazing animation crafts on Codepen

I try to see as much cool pens as possible. This way I discover new techniques and find tips & tricks on how to animate some cool stuff in the browser. I thought it would be nice to sum up some things I came across today.

Read More

Share Comments

Compiling Sass with Webpack

I’m sure you know Grunt. It was great back there in 2013 but not much these days. The new coolest bro in town is Webpack. It bundles your app into other bundling patterns so you can use all the libraries available in NPM right into your front-end code, load different modules and do many other things. It is extremely flexible.

Read More

Share Comments

Maintainable CSS based on SCSS

I’ve been working with SCSS for quite some time now and can’t code without it anymore. The main reason I’m using it is because of the ability to have seperate files, each with its own purpose. Besides that mixins and placeholders make it easy to extend code so you can come up with a structure which keep your code clear and maintainable. At least… when you do it the right way.

Read More

Share Comments