• Gallery
  • Articles
  • Radar
  • Newsletter
  • Website Submission
  • Contact Us
6 CSS Snippets Every Front-End Developer Should Know In 2025

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

by Gene Crawford | Jan 22, 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

by Gene Crawford | Jan 22, 2025

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.
A couple CSS tricks for HTML Dialog elements

A couple CSS tricks for HTML Dialog elements

by Gene Crawford | Jan 22, 2025

I recently was messing around with the HTML <dialog> element. It’s really handy for native dialogs without a ton of JavaScript.
Next Entries »

@font-face agency Animated block design card design clean Crisp css animation Dark Background Fixed Header Fixed Navigation Grid Grid 2 Column Grid 3 Column hamburger Heavy Detail Heavy Type horizontal nav HTML5 icons Illustrations Image Background image rich large photo Light Background Medium Background minimal no navigation off screen navigation On-scroll actions parallax portfolio pre-loader Realistic Elements responsive scrolling animation Single Page Layout Slideshow SVG TypeKit UK USA vertical nav video video background

  • About Us
  • Write for UMS!
  • Sponsor UMS
  • Contact Us
  • Privacy Policy
  • Radar – Newsletter

Follow UMS

  • Follow
  • Follow
  • Follow