Once you dig deep into working with messages, you will need to tackle lots of details, especially for something large like Facebook. In this article, I will show you how the message bubble component was built with all of its variants, along with some interesting discoveries as well.

Bonafide CSS trick alert! Nelson Menezes figured out a new way (that only works in Firefox for now) that is awfully clever. Perhaps you know that CSS cannot animate to auto dimensions, which is super unfortunate. Animating from zero to “whatever is necessary” would be very helpful very often. Nelson’s technique uses CSS Grid at its core…

Learn about measuring animations, how to think about animation frames, and overall page smoothness.

Modal dialogs interrupt users and demand an action. They are appropriate when user’s attention needs to be directed toward important information.