Welcome to my website! My new years resolution is to gain new skills, and I think there are many skills to be gained by doing this. I hope to explore many websites and hopefully inspire others on the way. Check out Neocities!
Found a youtube video that I am going to follow along to help better my code/website. I want to do it all here and maybe save things to watch my progress. I don't really know how I am going to go about it, but I'll figure it out as I go.
Learned how to have a link open up in a new tab! I hope I learn/implement at least 1 new thing each update :3
Learned some code to change the color of the buttons! "First step to customization" said Fig. I am very excited aobut this, even though it is not such a crazy thing.
Still on the buttons stuff. Today I started using RGB values for the button color and how to round out the edges. Also, changed the cursor so that it changes to a pointer instead of the regular one when it touches the button.
Learned how to make different classes for my buttons so that I can personalize each one. Simple, obvious, but still cool to learn something new right?
My code did not save from the previous button lesson. Alongside that, now that I am trying to fix it, the code is not working. Took a couple tries but I figured it out. Now I was able to learn how to make space between the buttons, or I guess to create space around the button so that there isn't anything directly touching it and such.
Figured out hovering on my buttons!
I can now make my buttons a bit more opaque when I hover over them
Made the opacity when you hover over a button to be a smooth transition.
I have lacked on this since I got sick last week and started some productive things elsewhere, but we are back today! I am a little drunk, so lets see what I end up adding to my code. Ok! So drunk butterfly found out how to make the buttons have a cute hover transition into the color when you have your cursor on it, but when your cursor comes off of the button, it immediately goes back into the original color without some transition thing.
Added a shadow to my button!
Learned to use the RGBA thing for the button shadows. Also, to only have the shadows come up when you hover over the button.
Added a transistion for the shadow thing behind the buttons.
I added margins on the left side of the buttons, creating more space between them. Also learned how removing the "forced" dimensions of the buttons lets you put in a bunch of words and it will adjust.
Learned the definition of padding, which just makes space in the button, from the words to the boarder of it.
Explored the button information found in "Inspect." Reading the box model is quite easy. Learned that using padding is better than height and width because then it will automatically reshape itself when more words are added into the button. Also, learned to use the vertical-align thing to make all the buttons aligned, not by just the text.
I will update my website every weekday no matter the time! I am using my laptop right now instead of my PC, so the typing is a bit harder. However, I completed the first 4 lessons of the youtube video already! I think I need to be more detailed in my logs, I want these to be more like notes to go back on. Anywho, this next lesson is on text styles so I am excited about that, I think I after this lesson I can make a new page for my website and start actually making it, if that makes sense, since the two pages I have right now are just for learning how to do it. Classes are used kind of liek variables, to my understanding, and we have to start with a . to use it in our code. Since it is late, all I am adding today is how to change the font of my text. However, this did inspire me to make my first page of my website just be a collection of all the quotes and writing pieces I have made thus far. I am excited.