::before and ::after

::before and ::after add a first child before the other children and a last child after the other children of the element. Rachel Andrew, How to …

HTML with Superpowers

It has to have a hyphen in it. Dave Rupert Excellent slide deck by Dave Rupert about Web Components. Find the deck on Notist. Within the presentation …

Flexbox sizing mental model

The following explanation from Anna Monus is taken out of A Comprehensive Guide to Flexbox Sizing and I find Anna´s text most helpful. Anna has …

Remove unwanted scrollbars

Detect CSS Overflow Elements is a tiny hack by David Walsh to detect the root cause of unwanted scrollbars on a web page. Use the …

Web Interface Handbook

The Web Interface Handbook “is a book about the fundamentals of creating a good web interface. You will find out how to make effective forms, …

CSS Tips

CSS Tips by Marko Denic is a compilation of things that can be done with CSS. It contains A typing effect drop-shadow for transparent images Smooth scrolling Styling cursors Truncating …

Form design

Form design by Geri Reid is a comprehensive compilation of best practices for accessible HTML forms. Geri´s site is beautiful, too.

Split a figure

A responsive technique of splitting a figure equally into an image (one half of the available space), and the corresponding caption (other half of the available space).