I'm Markus Oberlehner,
a Web Developer working at karriere.at.

Open Source is my passion. I'm the creator of avalanche and node-sass-magic-importer.

Personal Projects

  • node-sass-magic-importer is a custom node-sass importer for selector specific imports, node importing, module importing, globbing support and importing files only once.

    The node-sass-magic-importer module is available as a npm package.

  • vuex-map-fields is a package which enables the usage of two-way data binding when using Vue.js in combination with Vuex.

    The vuex-map-fields module is also available as a npm package.

  • avalanche is a modular, package based CSS framework.

    The avalanche framework establishes the foundation for a package based CSS workflow. avalanche provides building blocks for you to handpick and integrate into your workflow.

Latest Articles

Dynamic Vue.js Layout Components

Vue.js is flexible enough to serve as a tool for either progressively enhancing certain parts of traditional server side rendered applications or powering very large scale single page applications, and everything in between. If you're using Vue.js to build complex single page applications you'll sooner rather than later encounter situations in which you need different page layouts for certain parts of your application...

Read more

Vue Router Page Transitions

In my last article we've explored how to use the powerful Vue.js transition component, to animate an element from zero height to auto height. Today we'll take a look at how we can utilize the transition component to create fancy transitions between different pages of a Vue Router powered Vue.js application...

Read more

Transition to Height Auto With Vue.js

Every now and then, I end up in a situation where I need to animate an HTML element from `height: 0` to its natural height (`height: auto`). Based on my experience, I already know that there are only three ways of achieving this: transitioning from `max-height: 0` to `max-height: Xpx`, transitioning from `transform: scaleY(0)` to `transform: scaleY(1)` and JavaScript magic...

Read more