Archive of: 2020

• Working with print styles in CSS

  December 18, 2020

  Today, I was working on recreating my resume in HTML form so it can be a living document that I can keep it updated and do some interesting things with it.

  CSS, print

• This Used To Be Our Playground by Simon Collison

  December 17, 2020

  Web design, personal site

• 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

• Nihongo Note 002

  September 9, 2020

  Sticking with this format for these for the time being.

  nihongo

• Fixing little problems

  September 9, 2020

  Sometimes it is worth putting in the effort to fix little issues to improve an experience.

  optimize

• 5 more years until 40

  September 8, 2020

  To be honest, I’m not quite sure how I should feel about today. Is 35 a big number to celebrate…

  bday

• Nihongo note 001

  September 8, 2020

  I’m trying to figure out the best way to track my Japanese studies.

• 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