Notes

Here I share useful tips and pieces of knowledge I've learned today* (TIL):

@font-face Fonts

Browsers are smart enough to not download a font if you don't apply a defined @font-face to a font-family.

Source

Published 

Impressum

"Imprint" is not the correct translation for Impressum. It's a German legal term and has no translation. Use the word Impressum instead.

Source

Published 

transform-box

If you want to animate certain elements (like a path) within a SVG, you need to add transform-box: fill-box to the element, otherwise it won't use the bounding box as the reference box.

I had to use this property for the animated rabbit eyes in my logo. Works in every browser except Edge.

Source

Published 

Fancy border-radius

You can specify eight values for border-radius to create organic looking shapes. You can even animate it to make it real fancy!

Source

Published 

* May or may not have been today. 🧐