This repository has been archived on 2023-01-17. You can view files and clone it, but cannot push or open issues or pull requests.

2.8 KiB

Raw Permalink Blame History

Notes

Overview

Aim of this document is to make notes of various things as I encounter them. Consider it learning from working through specific challenges or other exercises. Probably should be in a note app, or a wiki, or something, but for now they are here.

Think of it as a combination of learning, and tips and tricks. They will start unorganised, and then should be put into some semblance of order; where that is possible.

Note took far to long, but site now using main for branch.

The Notes Themselves (unorganised)

Now little difference between <input type="submit"> and <button>.
- It used to be the case that IE6 didn't properly support it, so your website would look broken.
- By default <button> implies type="submit"
- A button can have child elements, an <input type="submit"> can't. (verify)
When using em the increases are compound, so if you have a p, inside a div, inside body. The body font size is set in px. The div and p both set a font size using em to set a relative size, then that relative size would be
- in div: body font size * font size em
- in p: div relative font size * p's font size in em
- ```
body {
    font-size: 20px;
}

div {
    font-size: 2em; /* font size is 40px */
}

p {
    font-size: 2em; /* font size in this div is now 80px  */
}
```
Random aside: can't carry on a list after putting a codeblock inside a list
Found useful site for Regex writing / testing https://regex101.com
- this specific address has regex for email validation https://regex101.com/r/uP2oL7/1
CSS - The "!important" rule should only be used as a last resort - nuclear option
- better to do elementName.className when wanting to temp add a class to override some css (like say a border color)
Blah ... its been a while. Oops.

Articles

Useful Links

http://www.heropatterns.com/ << Free repeatable background SVG's
https://projects.verou.me/css3patterns/ << CSS3 Patterns Gallery

2.8 KiB Raw Permalink Blame History