Taking a break from coding. I have some notes to put down here on what I’ve done today. This weekend was low-key. Saturday, we went over to a friend’s house and played some board games. It was fun. I enjoyed myself. A few games were a little confusing but all in all, it was fun. Sunday was the Super Bowl. It was a good, close game. I liked the halftime show with Rihanna. I wondered if she was pregnant and turns out she is. She did awesome performing while pregnant.
It’s raining outside. It’s so dark and gloomy out there. I like it. Makes it so cozy inside. It’s the ideal backdrop for coding. Going to get myself some tea and it will be perfect.
Ok, got my notes so far on HTML and CSS. Resources: FreeCodeCamp, w3schools, html.com, geeksforgeeks
SVG (scalable vector graphics) is that it contains a path attribute that allows the image to be scaled without affecting the resolution of the resultant image.
As described in the freeCodeCamp Style Guide, the logo should retain an aspect ratio of 35 / 4, and have padding around the text.
> Selector Select and style a child element
Select and style every <p> element where the parent is a <div> element:
div > p {
background-color: yellow;}
To increase page accessibility, the role attribute can be used to indicate the purpose behind an element on the page to assistive technologies. The role attribute is a part of the Web Accessibility Initiative (WAI), and accepts preset values.
region role requires a label, which helps screen reader users understand the purpose of the region. One method for adding a label is to add a heading element inside the region and then reference it with the aria-labelledby attribute.aria-labelledby=""
<span> tag is an inline container used to mark up a part of a text, or a part of a document.some text is not descriptive enough. This is especially true for visually impaired users. One way to get around such an issue, without having to add visible text to the label, is to add text only a screen reader can read.This pattern is to set the following CSS properties:
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
