Tried CSS Vertical Navigation Bar but it wasn’t understandable. Nothing is explained or shown.
For example under “Example explained:” it say,
display: block;- Displaying the links as block elements makes the whole link area clickable (not just the text), and it allows us to specify the width (and padding, margin, height, etc. if you want)
Bold is for terms that no beginners would understand. Italic is for terms where the vast majority including old grandparents that do not know how to use a computer. Since all the bold terms are also terms that the vast majoirty would not understand, I just left it bold since that’s easier to see than italic.
When the question of 1) how do we know evolution exist, or 2) why is the sky blue is answered/explained by a well-read evolutionary biologist or astrophysicist, these answers and explanations are typically an essay long or paper-length like those from well-educated professors. Professors, especially at top schools, are some of the most educated people in the world. There’s very few slots in phd programs for even the brightest of brains. Well-explained things is how anyone could show more evidence that they truly do understands a given topic instead of just thinking or feeling that they do. Anything less than showing that we’re able to explain a topic well would be a false sense of understanding a topic.
We can also see this maybe more easily in those pop youtube videos where complex topic are explained by a real expert to a) a child, b) a teen, c) a college student, d) a phd candidate, and e) i think a professor. We can see that when the expert explains the complex topic to each of these types/levels of people, the only real explanation that is given by the expert is when the expert is fully explaining something at length. That is the only time where and when we see a real explanation.
The above link is not an explanation, it may be a definition, but I don’t have any idea so I couldn’t say. It’s so skimpy and short, I don’t know what it is, but it’s definitely not an explanation. Each of these terms are incredibly unclear, making it very hard for many people to learn:
- Displaying - “links” are being displayed but where is it being displayed? On the screen? On mobile? In a book? It’s very unclear. I’m not someone that doesn’t know anything at all about computers but I can say for sure that displaying is incredibly unclear. When I think of displays, I think about product placement in commercial shop
- Links - the many people that don’t know about computers especially some older people, and people that live in certain areas don’t have any idea how this works, or the different ways it could work (like that you can middle click a link to open a new tab in Chrome, but a lot of people that use computers don’t even know about this, some would say, basic thing
- Block - ? I don’t even know how to explain how unclear this is because this has no meaning to me. I don’t even know what to say here
- Elements - ?? This doesn’t seem to have any meaning and I don’t think something this abstract could be effectively explained in words
- …It’d be a really long explanation…
Anyhow, the large problem is not that the topic itself couldn’t be explained (or better yet, shown), I’m sure it could be shown very well by whoever are the experts of this or these topics. I think that maybe the experts are doing something else like inventing new web tech or running some web companies (that hopefully are inventing new web tech instead of other unprogressive things…). I really don’t know where or who they are because I don’t understand anything about this topic. Maybe inventing better web tech is such a hard problem that there’re still busy each year trying to invent better tech)
Something helpful that I saw was this Bottom Navigation in Flutter: Mastery Guide
It shows us what is happening. Showing what something does is much more helpful than these words that don’t mean anything to me. I have no context for any of it just like any other beginners. A beginner learns because see what something does, and they see how it works (I guess eventually). But none of these words means anything to them for a long time.
I wish that one day people could make learning resources with gifs and videos like this link by whoever made it. It shows us what something does. Ultimately 1) I don’t understand this link because there’s far too many words that have no meaning to me. 2) And the gif is not long enough for there to be any developed context as to what is going on in the gifs. 3) And there’s no annotation or arrow pointing and showing us what is going on.
Some of the people that do really well with thse “coding” topics seem to maybe learned it from friends. Their friends can show them what is happening in the code. I think this is a big advantage for anyone to have, but I don’t really know 100%.
The same problem with
width: 60px;- Block elements take up the full width available by default. We want to specify a 60 pixels width
- Nobody knows what is the “full width” like nothing is explained. Is it 1 meter long? 1 football field long? It’s so unclear, and not specific at all. They keep using this word “specify” but this is not a specific word at all in the English language. This is a very vague word. This is not clear or specific to a beginner.
- And full width of what? What is it even talking about?
A topic like this can’t be efficiently or 100% effectively taught in words since nobody understands these words for a very long time while they’re learning. This digital topic has to be shown. So we can see it. Or whatever “it” is. So we can see how A changes to B. I assume that A is a completely white page. I assume that computers are always white by default? I don’t really know.
I don’t think there is any other sites or links or tutorials of how to make a vertical navbar. I couldn’t find any, and it’s really really really difficult to tell if something is even a tutorial on a lot of these sites. They’re really really not well-designed (they don’t even have a vertical navbar). The problem is so severe that I even have to go learn code to fix this problem, but I can’t learn “code” after a long time. Something clear would say “tutorial” at the top like a normal guide?
For code, it should be gifs or some other tech someone smart invents to help us see. To help us see what something does. Or I don’t maybe one day they can invent code does already does that. It’s probably be really good that nobody else could’ve imagined in the past… of like… 2021 or whenever.
I’m going to go continue looking for some actually-for-beginners stuff, and see if I can find anything anywhere. I think I should just focus on other topics, and give up on “code” stuff. It’ll likely be so much better for my life. And hopefully someone or some smart team one day make some really good learning “code” stuff, and invent really good tech in this universe, because it surely won’t be me who doesn’t even know any “code”, and am clearly nowhere as smart as those other people inventing better tech (and better ways to show things). It doesn’t seem like a very fruitful or productive topic for me to learn at this rate.