Archive of: August, 2020
Animating grid column
August 5 2020I wanted to see if I could animate the position of grid element by creating an animation that used grid-column. It looks like you can't do that, so I'll need to figure out an alternative if I want to try that in the future. I'm not quite sure of a use case for it, but I thought it was worth giving a shot.
CSS, HTML, animations, grid
August 4 2020I haven't messed with filters in a while, so I thought I'd take the time to put together a quick reference. It's not complete and I should do a version that incorporates images and SVG in the future. That'll be version 2.
CSS, HTML, filters
Playing with details and summary elements
August 3 2020After spending some time improving the display of these code doodles through the use of details and summary elements, I thought I'd spend a few extra minutes trying to see if I can animate them.
CSS, HTML, details, summary
Sunday Random Grid Practice
August 2 2020I could not conjure up the motivation to make anything special or slightly interesting today, but I did practice more with CSS grid.
Styling elements in the Shadow DOM
August 1 2020Chris Coyier posted a nifty video on his YouTube channel the other day covering styling elements in the Shadow DOM using CSS custom properties. I wanted to work a bit with it so I can make use of them when I add icons to this site.