Now I have some things in mind to start. Of course this blog page to share my journey, but also I want to figure out how to code for italics, boldening, and such.
Next I want to, like, media journal the videos I watch in regards to being inspired to start this, and what I am learning from as I learn them (or at least in approximates). Also this list is not in any particular order. In fact I may link this page with my main site first.March 2nd, 2026 - 15:40
There is a piece of advice early in the video that I wanted to take note of, whether I follow the advice or not. She advises against using "position absolute" when it comes to the arranging the website to make it look pretty, and positioning the variety of website things. Why to not use it? Because position absolute will make it only compatible and pretty for your own screen (larger or smaller screens will be off in the website layout), and not mobile compatible.
Watching more (basically live blogging thoughts to the video) I am now curious if there is a way to directly code links to that they automatically open in a new tab, rather than taking you exactly there in the same tab as my site.
Kind of unrelated from the video, but seeing her website, hearing the typical "About Me" section (in which I normally dread internet "About Me"s and 'introductions'), and warming up my 2nd cup of coffee for the day, made me realize that an idea of something to put in my About Me would be my desire for ethical coffee. So hopefully I remember that I am gathering a variety of website ideas here
I feel a nervousness about using templates, and relate to teddy bear in regards to wanting my site to feel/be homemade. I don't think using a hex code dropper tool is, in a way, not doing that, and I am commenting here to also say to anyone reading that if you're using Firefox there is a built-in tool for a color picker. I don't know how reliable it is, and unless there is a way to make it more easily accessable, kind of annoying to get to - I didn't even know it existed until I was messing around with Milanote and the color picker tool wasnt working in my browser and looked into it.
Favicon Converter Site Resource shown by teddy bear in this video seems quite helpful for the future. She doesn't explain what they are exactly, I thought she was referring to the apple on her main website page with her intro facts, but thank's to my previous (probably Tumblr) experimentation with HTML and blog making, I had a faint memory, and a quick search confirmed it's the little image on the tab for the site.
Simulate View of Website on Mobile another great resource to keep note of, thanks to teddy bear. (Same day edit: Currently using this site to re-read my blogging and make spelling corrections).
She also links to a Tumblr post of a Google Drive of 22,000 free gifs that are very 90s/2000s clip art style - and I would link it here, but scanning through it on my own I'm mostly not intereted atm. If I want to look more into it I know the link is in the video, and I don't intend to archive it for the future. But, she does point to W3Schools, which I have seen another video of someone highly recommending this site as a source to help learn or troubleshoot coding; in fact, I will attempt at finding that other video for the next video to live-blog from, as it seems this current one by teddy bear is wrapping up. Also, I am learning to put the finishing /a code directly after the text for a link, with no space between or else the link will have the space as part of the link, which is annoying and not a vibe (lol).
Next video~
This is the video I believe cited W3 School as a good coding learning resource. And as I am re-watching it, I want to take some notes for future research. First thing, he hints that the header (shows him coding it as "title") can be used for more things than just a title for the page, and I am curious what the other uses for it are. He also says what CSS stands for, which is "Cascading Style Sheet" (thank you for explaining what the abbreviation stands for in a beginner video).
He also says that you can have CSS coding in a different file, but he finds it complicated. I don't even know what that would even look like or how it works, so I am also confused - but curious. If I keep CSS in the same coding file, then the style tag goes after the header/title, but before the body text?
And this is the reason why I wanted to reference this video for research and learning! Because he is the first person I saw along my beginner journey that talking about the break tag for a shorter space between paragraphs, and not using the paragraph tag. I wonder what I will add it to, as I have already thought about how I forgot what the tag was when I started doing this.
So, unless I am missing something, with some experimenting on my own, I kinda of have to have a paragraph tag between the two parts I want to normally seperate with a pragraph space, add the closing paragraph tag at the beginning of the next line (or maybe just keep the ending tag in the same line to make that divide) and use the bracket tag at the end of the line i want there to be the smaller space between - not at the start of the line I want to be closer. When I explore W3 School, maybe there will be a more comprehensive explination of this but I enjoyed attempting to figure it out on my own :3
I am curious about more in-depth information about adding images, because I think I had watched a video explain the two options as either the exact location on your computer for the image file - which makes me nervous for a couple reasons; for 1 is it possible that a tech nerd can find out stuff about my computer through that? and for 2, does it become broken if I delete the image file on my comupter? - and the second option is to link it from the internet, which has it's own issue of what happens if the image is deleted from the source? Kinda like how gifs can stop working if it was deleted or something.
How can I safely archive images to add to be cautious of it being broken in the future?
I think I saw in a different video different tags for the bold, italics and such - but they were also using a coding software to test website making. But I will note the tags he specifies:
Not me, not adding a closing tag, so my first test made all of the text bold, because I wasn't told to add a closing tag until div - in which I am usure what the div tag is for, even after the American burger analogy. From the looks of it, it just made the '?' go to the next line?
23:06 - I took an extended break, and now I want to refocus on this as I am not tired yet.So, magoonka goes onto explaining some CSS, but before I take notes on that, I also wanted to document that I just realized that the highlight tag didn't actually work? So, I may have to figure out what is going on there, and if that is just the wrong tag for some reason.
Just before realizing the highlight discrepency, I paused the video to jot down a screenshot that he includes from some mysterious source he doesn't cite directly, but loost to be helpful so I will copy it here for potentially my ease:
"The following fonts are the best web safe fonts for HTML and CSS:
Magoonka also notes that when you are editing CSS, you are to use and semi-colon ';' between each change. Like '[insert background color change];[insert text color change]'.
He also adds that as you change the CSS body code, the change will happen for the entire page. So I become curious if there are ways/how to have different fonts for different areas of the same page.
Something more about the div tag coding, which I still don't really understand, but adds that you can change styling for that div alone. He continues about styling div's and I am even more confused, because he also shows ways to change the borders with a dotted color, or rounding the edges. So.. are div's like specific unique boxes you can customize specially in the webpage?
Log time change: March 3rd, 2026 @ 00:08 - I have a quarter of the video left, and I should probably grab something to eat, so I may or may not be back before I get some sleep.
01:36
Still having difficulty understanding div's, but he goes on to explain something about "multiple div's having the same style, instead of copying and pasting all of your CSS code, instead of using div id . . . you can div class. And then, instead of using a hashtag you just use a period." I will need more info to understand what this means.
Keep in mind border radius when adding div padding, as both move the area where things like text and stuff appears instead of the background and whatnot (I think).
Next topic is positioning on a webpage.
Magoonka says he mainly uses the margin tag and x number of pixels (abbreviated tag is px), but shows the screenshots of the different kinds of positioning that has stayed in my mind even abstractly since watching the video the first time and knowing I was going to do this whole project. Also he states that this info was explained to him (and likely where the screenshots come from) by W3 Schools - the first time in recent memory that I have been pointed to W3 Schools, as I had watched this video prior to note taking, while the first video I took notes on earlier was actually my first time watching it all of the way through. Also note, that the previous screenshot of the web safe HTML and CSS fonts was likely from W3 Schools as well.
Without just basically copying the short explanation screenshots from W3 Schools, I will only detail the names of the different positioning tags (I don't know atm if there are abbreviations of them): Static, Relative (Magoonka advises caution with this one, as he has had it mess up positioning on different monitors), Fixed, and Absolute (he adds that this one is "good for overlapping stuff").W3Schools once again
03:50Remove.bg is a site I have actually already used before directly because of this video. While all of this website making creativity was brewing I had some other creative things come forward, like I picked up drawing again for the first time in years (again), and coloring books, and for the first time in recent memory I did a virtual collage - in which I had remembered this video and went to it for the link to this site.
05:48So, there is the Neocities Scripted resource and that was fun to look through, although a number of them are a bit dated (even though I basically never use that term). I quite liked the idea of using RV's Free Autumn Leaves Effect, but the animation that slide across the screen to remove the leaves feels inapropriate - so if I go with a Falltime effect I would need to find a similar one without that awkward detail.
And then there is the goblin-heart/sadgrl site that Magoonka stated it'd be criminal to not include.
Well, exploring this 'resource' I realized I would have to fight with archive.org for templates with the given sadgrl link that didn't work very well and confused me. So I took a look at the Goblin-heart archived site and read through the About section and I became captivated by the "My Origin Story" part that read like a journal entry. Curious for more, and previously seen the "Writings" section on the current Sadgrl site, I went back to that to have a look.
I selected the July 3rd, 2025 entry and that was an interesting choice. In it, October, as the title of the entry suggests, gets personal. And opens up about her history with people pleasing, how her role as an internet resource continued to feed and justify it, all while not being equiped to handle the social complexities of being a public person... well shit, that is kind of what I started here right now - just she got boosted with so much attention, that in which unfortunately it comes with unwanted consequences. Oh, uh, she also says that she noticed how much sites became to uniform and lacked creativity. Well, that is kind of why I started mine in the first place, and I suppose ended up blogging, instead of desperately looking for surface-level aesthetics first. Whatever I end up creating for it's aesthetics will be built around the substance. I have even come across the issue myself of the pretty looking-but broken sites that look like others I have seen; everybody has their own motivations and limited time in this busy chaotic life.
After taking a little bit of a break, got a snack, and came back to figure out what I'm gonna do for this morning before I seek rest - I opened the most recent entry which was on July 15th the same year. It's a long one, so I decided to stop before I began reading that to update this.
To finish up this video I will take note on whatever ideas he states that I have of interest:
What I would like to do next session, before I even begin with the next video, is to make a list of the things that are left as questions, or ideas that I have scattered, and organize them so whenever I do begin to dive into a particular topic I won't have to re-read absolutely everything (again).
With that, it is 06:26, I love Lilo & Stitch, and I am logging off