Code Archive

• Clip Path Practice

  July 18, 2020

  I've worked with clip-path and I'm always happy when I get to practice with it more. I often work with Bennett Feely's Clippy, CSS clip-path maker, while working with custom shapes. It's a great tool.

  CSS, HTML

• Skew Transform Practice

  July 17, 2020

  Playing around with a simple skew transform today. Not particularly difficult or deep in any way. Tonight's was a quickie.

  CSS, HTML

• Practicing with the Resize property

  July 16, 2020

  Having spent very little time working with the resize property, I thought I'd give it a try. A lot of these tend to be me just trying new things out. I think that's alright. I'll do bigger and better things at a different time.

  CSS, HTML

• Animated Border Practice

  July 15, 2020

  Worked on animating borders today. Lots more to learn about and tweak before I get something I like, but it was good practice.

  CSS, HTML

• Border Image Practice

  July 14, 2020

  Trying out image-border for the first time. I have a lot to learn about it.

  CSS, HTML

• Wii Menu Part 2

  July 13, 2020

  I'm working a bit more on the Wii menu today. I've styled a few things and practiced using object-fit to see if it will be useful in the menu. I have a feeling background-images may be a better solution overall, but I'll find out later.

  CSS, HTML

• Wii Menu Part One

  July 12, 2020

  I'm going to take a shot at recreating the Wii menu using CSS, SVG, and HTML. I'm hoping I can do it without using any JavaScript, but I'll see further down the road. Can't do a lot with it today, so I'm just doing a bit to get things started.

  CSS, HTML, SVG

• Quick Grid Practice

  July 11, 2020

  Just a quick bit of grid practice today.

  CSS, HTML

• min content max content practice

  July 10, 2020

  I rewatched a Layout Land video on min-content and max-content and wanted to do a quick refresher.

  CSS, HTML, code, grid

• Z-index Practice

  July 9, 2020

  I wanted to see how overlapping text might look while animated only using z-index. I'll need to do more practice to get this type of animation looking better.

  CSS, HTML, z-index