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
< figure > < img style="width: 100%;" src="image url" alt="Trulli"> < /figcaption>
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.





