Issue #270

Morten Rand-Hendriksen explains which new layout opportunities and challenges the CSS Grid Layout brings us today, and what old problems it solves.

Nathan Rambeck shows a number of examples that will help you avoid some of the common mistakes made by most of us when first diving into BEM.

Get all your customer feedback and user research in one place.

Jan Toman explains the difference between style guides and pattern libraries. (It doesn’t really matter what you call it, as long as the whole team speaks the same language.)

Robin Rendle explores how the fr CSS unit can be used in conjunction with CSS Grid to achieve more legible and maintainable code.

Rob Dodson shows how to properly manage focus when adding a modal dialog to the page, and how to prevent a screen reader user from accidentally escaping behind the modal.

Belén Albeza gives a nice introduction to CSS clip-path property.

Maria Antonietta Perna gives an excellent, hands-on introduction to CSS variables (custom properties).

Springboard’s self-paced course with 1-on-1 mentorship will help you understand users better & build products they love. Prices go up $100 in July, so enroll now to save.

Sticky Sidebar is a jQuery plugin that lets you easily create a performant sticky sidebar.

Bojler is a guideline for writing HTML code that will render correctly across the most popular email clients.

Matej Latin created a beautiful game that will teach you to set a typographically perfect paragraph by adjusting font-size, line-height, and line length.