October 5, 2018

Angular 2 – Set Class of parent element with @HostBindings

With the @HostBinding() annotation, Angular gives you a useful tool to handle manipulations of css classes of parent Elements. The advantage is quite clear, the required logic remains in the components class and is not set in the template file. This makes it easier to test and improves the readability of the template file. In […]
READ MORE

Can Kattwinkel
Developer at thecodecampus </>


November 2, 2017

Material 2: Sticky Footer with Mat Sidenav

A very common use case for the sidenav of Material 2 is the use in a layout with a sticky footer.¬†Unfortunately, the documentation of the Mat-Sidenav does not show how to do this best.¬†But that’s not a big deal, because you can achieve your goal quickly if you know how to use Flexbox. We assume […]
READ MORE

Can Kattwinkel
Developer at thecodecampus </>


September 20, 2016

Flexbox Break Row into Even Amount of Children

Today i needed a Flexbox row to break into an equal amount of tiles. Some Browser support the css page break to achieve this but unfortunately this isn’t working in Google Chrome. So I had to figure something out. The solution is to add an element that is hidden by default and steps in as […]
READ MORE

Can Kattwinkel
Developer at thecodecampus </>