Here I share useful tips and pieces of knowledge I've learned today* (TIL):
X-UA-Compatible meta tag
You can drop the X-UA-Compatible meta tag if you only have to support the latest browsers (IE11 and/or Edge). It's recommended to use when you have to support IE8 or IE9.
Browsers are smart enough to not download a font if you don't apply a defined @font-face to a font-family.
"Imprint" is not the correct translation for Impressum. It's a German legal term and has no translation. Use the word Impressum instead.
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.
You can specify eight values for border-radius to create organic looking shapes. You can even animate it to make it real fancy!
* May or may not have been today. 🧐