I spend 2 days helping someone over email with my deploy to neocities tutorial. So I've updated it with more information that seems to be helpful for beginners. Specifically information about connecting a github account and repository for the first time, which stumped some people and I did skip when I created the page because I already had my account connected. Also added a section about using the same account to work on your website on multiple computers.
I'm also helping my spouse, by making a template (in progress) for their commissions page. I'm thinking maybe have a small table of contents on the side that's in a fixed position, so people can see an overview of the offerings? I honestly need to update my own commissions page too, I haven't added anything to it in 2 years...
One problem I've been having is typing folder structure. For some reason, typing the src like "images/blah.jpg" to reach the folder directly inside the current folder doesn't work for me, I need to include everything before like "/commissions/images/blah.jpg". Maybe it has something to do with my vscodium to github to vercel workflow. Maybe it works for Neocities LOL.
"What was something you didn't know how to do when you started out on your small web project(s) that you've since learned?"
I learned that you can use different sets of variables in the same CSS file for color schemes! Like what I use for my exchanges page:
Instead of making an entire new CSS file for different colors, you can use the same file and change the colors (or even fonts) on the fly with a button that sets the data-theme. This is good for simple websites that don't need entirely new styling. My main website uses different CSS files for different color schemes because I was playing around with sizing and borders that might be more obnoxious to have to do variables for. But I'll keep this in mind fo sho for my other contained sites (like the dafoe shrine and fujofans). Makes making light/dark modes so much easier and easy to implement when you don't have to ctrl+f every color manually lol.
I also learned what SCSS is. Lol. Every single tech related website takes too many words that mean absolutely nothing to me to explain things, then they tell you to read the 5000000 page docs to learn what it actually does. Like literally what the hell is "CSS with superpowers" or an "extension language". Tell me what it does on the front page!!! But BASICALLY SCSS lets you @ import more css file within one css file (I guess instead of calling five different style sheets within your HTML like I am right now with my main page's color themes LOL), and also nest shit within each other. So instead of managing main, and main>header, and main>header>.pee in your CSS, you can stack stuff main{header{.pee}} and put your edits within those curly brackets. That might be useful for SOMETHING but I can't articulate what right now.
Also I learned that < s > lets you strike things through with html.
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
carisma_sensei
no subject
Date: 2024-09-23 07:14 am (UTC)I spend 2 days helping someone over email with my deploy to neocities tutorial. So I've updated it with more information that seems to be helpful for beginners. Specifically information about connecting a github account and repository for the first time, which stumped some people and I did skip when I created the page because I already had my account connected. Also added a section about using the same account to work on your website on multiple computers.
I'm also helping my spouse, by making a template (in progress) for their commissions page. I'm thinking maybe have a small table of contents on the side that's in a fixed position, so people can see an overview of the offerings? I honestly need to update my own commissions page too, I haven't added anything to it in 2 years...
One problem I've been having is typing folder structure. For some reason, typing the src like "images/blah.jpg" to reach the folder directly inside the current folder doesn't work for me, I need to include everything before like "/commissions/images/blah.jpg". Maybe it has something to do with my vscodium to github to vercel workflow. Maybe it works for Neocities LOL.
I learned that you can use different sets of variables in the same CSS file for color schemes! Like what I use for my exchanges page:
Instead of making an entire new CSS file for different colors, you can use the same file and change the colors (or even fonts) on the fly with a button that sets the data-theme. This is good for simple websites that don't need entirely new styling. My main website uses different CSS files for different color schemes because I was playing around with sizing and borders that might be more obnoxious to have to do variables for. But I'll keep this in mind fo sho for my other contained sites (like the dafoe shrine and fujofans). Makes making light/dark modes so much easier and easy to implement when you don't have to ctrl+f every color manually lol.
I also learned what SCSS is. Lol.
Every single tech related website takes too many words that mean absolutely nothing to me to explain things, then they tell you to read the 5000000 page docs to learn what it actually does. Like literally what the hell is "CSS with superpowers" or an "extension language". Tell me what it does on the front page!!!But BASICALLY SCSS lets you @ import more css file within one css file (I guess instead of calling five different style sheets within your HTML like I am right now with my main page's color themes LOL), and also nest shit within each other. So instead of managing main, and main>header, and main>header>.pee in your CSS, you can stack stuff main{header{.pee}} and put your edits within those curly brackets. That might be useful for SOMETHING but I can't articulate what right now.Also I learned that < s > lets you strike things through with html.