Code Archive

• Practice begins anew

  February 9, 2021

  I'm starting up another stretch of daily coding posts. This is post 001 of 100 posts I hope to complete. Many of them may be one-off posts, but I'm hoping to learn a lot and put what I learn to good use.

  100daysofcode, HTML, CSS

• Testing out JavaScript image replacement

  December 2, 2020

  I've been thinking about building super lightweight pages that prompt the user to decide whether or not they want to load in images at full size and enhance the page with additional styling. So I built this proof-of-concept to figure out how I might approach it. This is pretty fresh and untested in anything other than Firefox on Windows 10.

  JavaScript, JS, CSS, HTML

• 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

• Audio only Video element

  July 31, 2020

  Just a quick test of placing only audio within the video element. I'm trying to figure out how many uses there may be for this approach since you can include captions or subtitles to display alongside the audio.

  CSS, HTML

• Audio Element Practice

  July 30, 2020

  I was messing around with my microphones and Sony ICD-PX333 today, and wanted to see if I could dip my toes in some audio stuff for my website. So I'm playing with the audio element today.

  CSS, HTML, audio

• Aimless Grid and Flexbox Practice

  July 29, 2020

  I was working a bit aimlessly today while trying to put something together that seemed interesting. I did not succeed, but I got some more practice in with grid and flexbox.

  CSS, HTML