Ply: A Visual Web Inspector

Production webpages embed best practices

Tabular display

vs.

Floats

But another problem is that tutorials often don’t reflect up-to-date best practices.

The Airbnb example uses display: table; to achieve a tabular layout without using a semantically-incorrect <table> element.

The toy example uses floats and clearfix, which is a pretty outdated approach to layout.

Any webpage can be inspected…

Inspecting the Airbnb homepage in CDT

Now experts know this, so they often use the “Inspect Element” feature built into modern browser devtools to inspect the underlying implementation.

how other webpages implement effects using modern development best practices that tutorials don’t always convey.

from Hacker News https://ift.tt/2KQxdvP