Radar

Links to things we’re checking into.

6 CSS Snippets Every Front-End Developer Should Know In 2025

6 CSS Snippets Every Front-End Developer Should Know In 2025

2025; I think every front-end developer should know how to enable page transitions, transition a <dialog>, popover, and <details>, animate light n' dark gradient text, type safe their CSS system, and add springy easing to animation.

:hover > :not(:hover), sorry not sorry

:hover > :not(:hover), sorry not sorry

I don't see this technique enough: focus by demotion. Very often we create focus by promotion: hover to create a glow, focus rings, or even just making text bold.

Get This and Other Things In Our Weekly Email Newsletter

No Results Found

The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.

More News & Articles

A to Z CSS: Display

Different types of elements have different display values by default. These include inline, block, list-item, table and many more.

A to Z CSS: Color

The web would be a pretty dull place without a splash of colour. There are a number of different properties that take a colour value and there are four different colour syntaxes in CSS and that’s what we’ll be focusing on in this video. Those formats are colour keywords, hex, RGB and HSL

Kickdrop Code Sample: jQuery Slideout Menu

An elegant jQuery-powered animated slideout menu. We were inspired by the simple effect found at Outdated Browser and extended the menu to also work in a variety of places. Try it as a top menu, as well as a right-side menu.