Monthly Shaarli

All links of one month in a single page.

July, 2018

Rally - Material Design

Rally is a personal finance app that uses Material Design components and Material Theming to create an on-brand experience with a data-driven aesthetic.

GitHub - wilddeer/stickyfill

Polyfill for CSS position: sticky

Using @HostBinding and @HostListener in Custom Angular Directives

@HostBinding and @HostListener are two decorators in Angular that can be really useful in custom directives. @HostBinding lets you set properties on the element or component that hosts the directive, and @HostListener lets you listen for events on the host element or component.

GitHub - jonathantneal/focus-within

Target elements if they are focused or contain a focused element with a PostCSS plugin and Javascript script

GitHub - nordnet/sass-variable-loader

Sass variable loader for webpack

GitHub - kzrfaisal/angular-file-uploader

Angular file uploader is an Angular 2/4/5/6 file uploader module with Real-Time Progress Bar, Angular Universal Compatibility and multiple themes which includes Drag and Drop and much more

Using Host Instead of “replace: true” in Angular 4

Let’s say that you’re working on an Angular 4 app that displays some images. You want to add a directive you can apply to any image tag to make it look fancy when you mouse over it. You also want a component that will take up 100% of its parent container’s width and display an array of images in a flex row. Let’s call these FancyImageDirective and ImageRowComponent.