Top 10 Pens of Jon Kantner

Favourite Pens of 2022

Discoveries #20 - CSS & UI

Discoveries #17 - CSS

CSS Columns and Drop Shadow

How to fix Chromes bug on showing shadows in a column (masonry) layout

Automatic Duplicate Image Shadow

Drop an image shadow with the image itself via JavaScript

Use a duplicate image to drop a shadow

An alternative for 'box-shadow' on images

Device Class Detection in JavaScript

The unusual way by using CSS Media Queries

Pimping the Permalink

How to copy and share the permalink programatically

Horizontal navigation menu above an image

How to deal with coverage, readability and scrollbars

Change CSS class when element scrolls into viewport

Hexo and the Dark Mode ... revised

Second approach to implement 'prefers-color-scheme'

Hexo and the Dark Mode

First approach to implement 'prefers-color-scheme'