Daily Shaarli

All links of one day in a single page.

May 30, 2020

Totally Custom List Styles | Modern CSS Solutions

WOW this use of attr() function in CSS ♥

CSS-Only Accessible Dropdown Navigation Menu | Modern CSS Solutions
Animated Image Gallery Captions with Bonus Ken Burns Effect | Modern CSS Solutions
neomjs/neo: The webworkers driven UI framework (Beta version)

Using the web workers for long calculation et preserve the main thread for the display, to keep a reactive user interface (such as classical UI actually)

(via https://nicolas-delsaux.hd.free.fr/Shaarli/?f7VSzg)

Where Did Software Go Wrong? | Jesse Li
Solutions to Replace the 12-Column Grid | Modern CSS Solutions
$gridGap: 2rem;
$minColWidth: 15rem;

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax($minColWidth, 1fr));
  grid-gap: 2rem;

  & + .grid {
    margin-top: $gridGap;
  }
}
The bad reasons you’re forced to work long hours
Le passé c’est le passé – Carnet de notes
Icon Button CSS Styling Guide | Modern CSS Solutions