Limit the Width of an Element by Characters!

This is a fun lil’ snippet that will unquestionably come in handy some day real soon. See the Pen Monospace typo ch unit test by Young Kang (@young-hwa) on CodePen. … and in case you were wondering, YES, you can use it!

Transitions on transforms

Ran into an issue where transitions on transforms weren’t working in firefox. This is because the vendor prefixed transition needs to match the vendor prefixed transition-property. Wrong: -webkit-transition: transform 1s ease-in; -moz-transition: transform 1s ease-in; -o-transition: transform 1s ease-in; transition: transform 1s ease-in; Right: -webkit-transition: -webkit-transform 1s ease-in; -moz-transition: -moz-transform 1s ease-in; -o-transition: -o-transform 1s […]