The kids today call this #pebbling. Back then we'd call it " #clipping out bits of a magazine to save and maybe send onto friends" in the real world.

#timeout was awesome in the paper era.

BTW, the CSS is heavily commented. And I've changed the images to something a bit more fitting for this time of year.

https://codepen.io/thebabydino/details/WbrjrZM

And now you can tell what gave me the idea for yesterday's challenge https://mastodon.social/@anatudor/115337483292849914

#CSS #Maths #layout #cssLayout #cssGrid #trigonometry #code #coding #frontend #transform #cssTransform #cssClipPath #clipping #clipPath #containerQueries #containerQuery #webDevelopment #web #dev #webDev

Because this got asked on reddit https://www.reddit.com/r/css/comments/1o069yi/comment/ni8evf4/

Made a demo with various options for angled grid columns. Uses mathematical computations to ensure all fits just right all the time, regardless of viewport or number of columns.

On @codepen https://codepen.io/thebabydino/pen/WbrjrZM

Enjoy!

#CSS #Maths #layout #cssLayout #cssGrid #trigonometry #code #coding #frontend #transform #cssTransform #cssClipPath #clipping #clipPath #containerQueries #containerQuery #webDevelopment #web #dev #webDev

Prevent Clipping Issues (and More) in View Transitions by Using Nested View Transition Groups, by @bramus:

https://www.bram.us/2025/09/24/nested-view-transition-groups/

#css #viewtransitions #clipping

Prevent clipping issues (and more) in View Transitions by using Nested View Transition Groups

A new View Transitions-related feature we shipped in Chrome 140 is the ability to nest ::view-transition-group() pseudos. This is useful for retaining visual effects such as clipping, move elements as part of a group, etc.

Bram.us
Clipping web content is a much used feature in DEVONthink. There are numerous ways to import web content into DEVONthink, e.g., with our browser extension, with bookmarklets, or with the print dialog. To see the range of options in one place, here is a list of them. #devonthink #capture #clipping #mac https://www.devontechnologies.com/blog/20250930-web-clipping-options-devonthink
kekspee's Afternoon Show

Playlist · ohrenweide · 2008 items · 51 saves

Spotify
Keep Pushing, by clipping.

track by clipping.

clipping.
Change the Channel, by clipping.

from the album Dead Channel Sky

clipping.
#clipping #subpop #deadchannelsky” / “clipping. - Mirrorshades pt. 1 (Official Music Video)” (1 user) https://htn.to/3mbYge8zDn
clipping. - Mirrorshades pt. 1 (Official Music Video)

YouTube