Geoffrey Stephenson
LightNews LightNews
banner
geoffreystephenson.bsky.social
Geoffrey Stephenson
@geoffreystephenson.bsky.social
51 followers 300 following 0 posts
Full Stack Developer / Senior Software Engineer at Sixthman.net / Traveler / Runner
Posts Replies Media Videos
Reposted by Geoffrey Stephenson
nerdy.dev
CSS Wrapped 2024

one stop shop for the Chrome #CSS features launched in 2024!

nerdy.dev/css-wrapped-...
December 5, 2024 at 6:32 PM
Reposted by Geoffrey Stephenson
jensimmons.bsky.social
Safari 18.2 is here! For web developers, it’s the biggest release of new features this year. Highlights include cross-document View Transitions, text-box, spatial videos in visionOS, ruby improvements, WASM garbage collection, HTTPS by default, Genmoji, and more.

webkit.org/blog/16301/w...
Side by side comparison of a layout with and without text-box. With text-box, a headline lines up with the top of the image it's next to.
December 11, 2024 at 6:35 PM
Reposted by Geoffrey Stephenson
wesbos.com
One of the biggest problems with UI development is about to be solved!

Customizable brings allows us to create totally custom dropdowns with HTML and CSS.

Accessible, gracefully degrades and requires no JS!

4.5 min video explainer + demo → www.youtube.com/watch?v=MA9W...
Reposted by Geoffrey Stephenson
chriscoyier.net
Tired:
@media (min-width: 500px) { }

Wired:
@media (width >= 500px) { }

Even better when you need to double up like:
@media (500px <= width <= 1000px) { }

Took a minute but I got my brain to flip over to the new way. Also easier to avoid weird 1px gaps.

Good article:
cssence.com/2024/superio...
November 21, 2024 at 11:41 PM