Posted on

CSS overflow-wrap — Control wrapping of text overflow or wrapping

This css works in most common browsers (including IE)

Internet Explorer has its own implementation for “overflow-wrap” -> “word-wrap”.

A readymade sass mixin:

Source: CSS overflow-wrap — Control wrapping of text overflow or wrapping – CSS: Cascading Style Sheets | MDN

Posted on

Awesome Visual Testing with Percy

One type of testing that’s incredibly important but often overlooked is visual testing. Functional testing is incredibly important but the truth is that users expectthings to work but the first thing they’ll notice is things that look broken. Oftentimes your selenium and unit tests will pass despite a hideous visual regression. That’s where a service like Percy comes in — Percy makes visual regression testing easy!
davidwalsh.name/awesome-visual-testing-with-percy

Posted on

Using Renderer2 in Angular

The Renderer2 class is an abstraction provided by Angular in the form of a service that allows to manipulate elements of your app without having to touch the DOM directly. This is the recommended approach because it then makes it easier to develop apps that can be rendered in environments that don’t have DOM access, like on the server, in a web worker or on native mobile.

Source: Using Renderer2 in Angular