Archive of: August, 2020

• Animating grid column

  August 5, 2020

  I 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

• Filter Reference

  August 4, 2020

  I 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, 2020

  After 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, 2020

  I could not conjure up the motivation to make anything special or slightly interesting today, but I did practice more with CSS grid.

  CSS, HTML

• Styling elements in the Shadow DOM

  August 1, 2020

  Chris 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.

  CSS, HTML