Snowed in

February 15, 2023

It’s been a slow day. We were snowed in this morning so Tom had to go into work late. Getting my Bug to get up the hill on our driveway was a bit of work. 

Kevin’s dad, the girls’ grandfather, isn’t doing too well. The girls met him once. I think Karissa was 12 and Lexi was 9. So they don’t really remember him. I don’t know him too well. Many on Kevin’s mom’s side of the family don’t think very highly of him. I can’t really say anything bad, since I don’t know him too well. Only know him through what others have told me. 

In coding, our next project is making a tribute page. This should be interesting. Here are some notes from today so far:

 

Certain types of motion-based animations can cause discomfort for some users. In particular, people with vestibular disorders have sensitivity to certain motion triggers.

The @media at-rule has a media feature called prefers-reduced-motion to set CSS based on the user’s preferences. It can take one of the following values:

  • reduce
  • no-preference
@media (feature: value) {
  selector {
    styles
  }
}
@media (prefers-reduced-motion: no-preference) { 
  * {
  scroll-behavior: smooth;
  }
}

The navigation accessibility can be improved by providing keyboard shortcuts.

The accesskey attribute accepts a space-separated list of access keys. For example:

< button type="submit" accesskey="s" >Submit< /button >

figure and figcaption: Use a

element to mark up a photo in a document, and a
element to define a caption for the photo.

< figure >
  < img style="width: 100%;" src="image url" alt="Trulli">
< /figcaption>
Fig.1 – Trulli, Puglia, Italy.
< /figure >

I keep forgetting how to make meta tags, so I will make a note of this.
meta tags: Describe metadata within an HTML document.

  < meta charset="UTF-8" >
  < meta name="description" content="Free Web tutorials" >
  < meta name="keywords" content="HTML, CSS, JavaScript" >
  < meta name="author" content="John Doe" >
  < meta name="viewport" content="width=device-width, initial-scale=1.0" >

Now time for some hot tea and more coding.

Facebooktwitterredditpinterestlinkedinmail