Skip to content

Instantly share code, notes, and snippets.


Kevin Lorenz verpixelt

View GitHub Profile
View Visually hide element
.visually-hidden {
/* Remove the item from normal flow */
position: absolute;
/* Workaround for falsely pronounced, smushed text */
white-space: nowrap;
/* Set it to the smallest possible size (some screen readers ignore elements with zero height and width) */
width: 1px;
height: 1px;
/* Hide overflowing content after resizing */
overflow: hidden;
View The multiple ways of new stacking contexts
/* New Stacking Context */
.nsc {
position: relative;
z-index: 0;
/* New Stacking Context Transform */
.nsct { transform: translate(0); }
/* New Stacking Context Opacity */
verpixelt /
Last active Jun 14, 2017
A talk about the whys and hows of visual regression testing.

Visual Regression Testing With JavaScript

Speaker Deck

My name is Kevin Lorenz, I'm a frontend developer with Finleap in Berlin, I'm one of the organizers of CSSconf EU and together with a few friends I run an event called CSSclasses.

If you want to talk to me on the web, you can find me on Twitter as @verpixelt, and I occasionally write articles on Medium, because a developer does not simply finish their own website.

Most of the time, I've called myself a developer, I've spent writing CSS.