Code Archive

• Aspect-ratio Practice

  June 8, 2020

  After listening to Jen Simmons talk to Chris Coyier and Dave Rupert about aspect-ration on ShopTalk Show episode 415, I really wanted to give it a try. It sounds great, but I sadly discovered it's mainly supported in Chrome Canary at the moment. Firefox, Chrome, and Edge currently have internal mapping of width and height.

  CSS, HTML, code

• Pseudo-element Practice

  June 7, 2020

  Today I practiced working with the ::after, ::before, and ::first-line pseudo-elements. Gotta tackle something different everyday to help keep things fresh in my gradually degrading memory.

  CSS, HTML, code

• Transition Practice

  June 6, 2020

  Today I'm doing some practice with transitions and link styles. Making these posts on my phone is a little tricky, but I'm glad I get the opportunity to make use of more apps.

  CSS, HTML, code

• Checked Pseudo-Class Practice

  June 5, 2020

  I don't quite think this is the best solution to hide and display things, but it's good practice for me at the moment. I need to try using this within a form too.

  CSS, HTML, code

• Attribute Value Selector Practice

  June 4, 2020

  It's been quite some time since I've used an exact attribute value selector or simple attribute selector in my CSS. I first ran across one when reviewing one of Eric Meyer's CSS resets. If I remember correctly, he made use of them to bring attention to imgs with empty alt properties.

  CSS, HTML, code

• Target Pseudo-Class Practice

  June 3, 2020

  I wanted to work some more with the :target pseudo class. I also wanted to create something with a positive message. I'm not sure how to word this well, but the situation in the US makes me really sad and upset. I want to find some ways to help. So I made this, and I'm going to do more.

  CSS, HTML, help, code

• Learning More About Text Decoration

  June 2, 2020

  I've only ever used line-through, none, and underline when working with the text-decoration property. After learning about the new text-decoration-thickness property a couple of weeks ago, I thought it would be wise to learn more. I never knew overline was an option. I love that I can continue to learn more and more about CSS the more I work with outside of the things I've done in the past.

  CSS, HTML, code

• Conic Gradients

  June 1, 2020

  I've never used conic gradients and wanted to give them a try. It looks like the spec is still in the works, but it looks like it will be really useful when it has better browser support. Right now the gradient won't display on Firefox, so I have to keep that in mind. I'm not sure if the solution of using a second layer is ideal, so I'll have to keep that in mind if I plan on using them.

  CSS, HTML, code

• Learning CSS Variables

  May 31, 2020

  Having never used CSS Variables before, I thought I should give it a shot. If you haven't ever used them, I recommend reading up on them. Check out Mozilla Developer Network to learn more.

  CSS, HTML, code