SCSS file isn't compiling properly VScode - html

I am a new programmer and just decided to start a new project of building myself a portfolio website using HTML and CSS. I have been reading some books on it, and am following through some tutorials to help myself learn and get results. However, the scss file doesn't seem to be showing any results? I have looked around and tried everything Ican, I am new at this so it takes me a while to understand how to look for what's wrong, but any tips would be appreciated!

Related

Confused HTML beginner here

so I've recently started learning web development and I read and write html according to a tutorial that uses html 4, and just practice it on notepad++ and test them on my browser.
Now there's a problem that's been bugging, the web page doesn't change at all even if I comment out the code or change a few things in it.
I messed around with the height and width of an image and it didn't change, I tried creating a folder outside the notepad++ folder and put everything there and nothing changed, I created a completely new file(added in notepad++) and folder and it was the same. I'm still in the middle of the tutorial and this problem has just been bothering me, someone please help
I think you should try clearing browser cache or try using other IDEs like vscode or if you use android then trebedit or Dcoder
Try refreshing your page, or use an IDE like Visual Studio Code and the live Server plugin. This should help you as a beginner because both of these tools are really easy to use. Maybe it isn't changing because you had never saved your file.

Adding custom HTML/CSS to a client's existing store in Shopify

Hi I'm totally new to Shopify and I'm having trouble grasping some basic stuff. So I have a client with an existing store and I was asked to design a landing page. I did all the html and css in vscode before I really took a look at Shopify and I want to know what the best way to create the page using the code I've already written would be. So far it looks like I have to create a custom template and then manually edit the JSON file but I have no idea how to work with JSON / how to link custom styles to that file. Can I create a template using Liquid and then refer ONLY that template to a custom styles sheet? I don't want to update the stores theme file before I know that this is all going to work / I'm wary of any kind of accidental overlap of tags and classes.
any help would be appreciated
Nothing to worry about. You can create sections with a preset block that can be added to the customizer. Learn the basics of schema and a little bit of liquid. Study the existing themes in free theme dawn. You will be able to figure it out. There is plenty of youtube channel to learn the basics also Shopify document has strong details. You can refer to it. Hope this helps https://www.youtube.com/channel/UCBukJ6yWzTdlLKY9QKhv-Mg You can try his skillshare class to understand the basics.
https://www.youtube.com/channel/UCUa4yMJ3mVquTL5TIpxatqQ This guy also explain it quiet easily. Even I like coding with Jan. He is too good

how to reset vscode to default setting and configurations

Hello guys so I am new to web programming currently learning HTML and CSS and I am using VSCode but my problem is ( i am a newbie) when I try to run the HTML and CSS code I get this file launch.json and it doesn't show me the page I am working on how to fix this I uninstalled and installed but still the same issue I think I messed up with the configuration this is when I run
this how it looks
I think the easiest way, for this moment is to install the liveserver plugin to your VSCode editor, Here you have link to many tutorials how to do this and much more..;-) and then do a decent review of the conventions and rules of web development Good Luck, and Keep calm and do not stop coding !

How to import functioning HTML programs into Bootstrap project?

I am new to Bootstrap Studio and am pretty much learning everything as I go!
I am creating front end pages for a school software project. I have written a chat box program in HTML and CSS and would like to include that inside the pages I am designing with Bootstrap Studio.
I don’t have problem importing the files, I am just not sure how can I include the chat box in the project.
The only thing I could think of was to place a Form then convert it into HTML and paste my code there, however that didn’t work and I am still confused on how to also use the CSS file which I have imported.
Really appreciate it if you could point me to the right direction.

Building Ghost theme but my CSS isn't linking

I'm so sorry if someone else has already asked this issue, but I've been searching for hours for a solution to this problem and can't seem to find an answer. I'm a budding front-end designer who is trying to learn back-end development on the fly. I'm developing a Ghost theme, piggybacking off of Casper. Right now I'm just trying to put up a super simple landing page but none of my CSS is linking. I've tried installing Handlebars, I've tried writing it in Sass with the intent to compile from the command line but it kept throwing errors. Hopefully one of you can help me because I'm pretty sure I've exhausted Google.
My HTML (saved as a .hbs)
<link rel="stylesheet" type="text/css" href="assets/css/comingsoon.css" />
My file structure
~/git/ghost/content/themes/MissionAtWork/assets/css
If you need anymore info I'd be happy to provide it. Thank you so much in advance! Y'all are lifesavers!
I figured it out! I had to go into the sass files and edit them from there. Not from the css. Also my edits were actually working, but my gulp froze whenever I made a syntax error. Simple restart of my gulp window did the trick. Thank you everyone for your help!