building blocks

How to read-out translateX & translateY from an element with translate3d (with jQuery)

Short -but very useful- code snippet this time: If you need to read-out the translateX and/or translateY value of an element, which is transformed with translate3d, you can use the…

toolbox

Below is an ongoing list of the best (or at least the most used) modules, frameworks, grids and similar tools I’ve come across during front end development.

how to skip CSS-transitions with jQuery

I mainly use CSS-transitions for animations on the websites I code, because they’re convenient, flexible and -if they’re done right- they’re quite resource-friendly, too. There’s one big shortcoming I recently came across, though: If you need to change the…

a better alternative to .on(‘scroll’)

There are a lot of cases where you want to trigger some Javascript when the user scrolls the website (e.g. to hide and show the navigation bar or to create a parallax background), but you shouldn’t bind these functions directly to the scroll event — even if your…

code snippets

a short (technical) guide to CSS-transitions

With the rise of CSS 3 it became easy to add Movement to a website without going flash ‘n’ dirty all over the place. Little Animations can help to create very unique experiences in a more and more…

code snippets

custom CSS transition easing presets

(with cubic-bezier)

CSS Transition is one of my favourite additions in CSS3. It allows us to add transitional changing effects to several CSS values. Therefor it does not only…

link list

plugins and extensions

Below is an ongoing list of the best (or at least the most used) plugins and extensions I’ve come across during front end development.

code snippet

how to implement a HTML5 fullscreen background video

(with CSS or Javascript)

Using a fullscreen background has become very popular in web design after the introduction of the HTML5 video tag. I don’t…