my project works with live server extension only - html

I have a live server extension in my VC and it works well, the problem is when I try to open my page without using the extension it shows up the page without any CSS colors or images or anything, I want to see my project with all CSS codes I wrote without using live server, thank you

Have your tried copying the full path of the file then entering it in the browser?
If that still doesn't work, try refresh the page when updating your html/css/js file.

Sharing your code will help us more to Debug it.
Instead, I suggest you,
Just recheck your internet connection if you're using any CDN or any API like Bootstrap, Tailwind CSS.
Check your links if referred to any external CSS or js.

Related

CSS - why my browsers can't reflect any changes made on the server?

I was working on some CSS code and then suddenly the server stopped reflecting any changed made on the server. At first I thought it was a caching problem but I disabled caching on my browser and even tried using different browsers but still it's using the old version of my CSS file.
If I download my CSS file from the server and open in the text editor, it shows all the changes I made to the code but they don't reflect on my website at all. The site is using old version of the CSS file that doesn't even exist anymore on the server.
What on Earth is happening with my server? Can it be a router caching problem?
I can't answer this but try to add in your html, where you include the css this: ?v1.
Example: src="resources/yourDir/style.css?v1"
This will force everything to download the new css.
You can add after the ? everything you want. Like a timestamp, just a number or words. Whatever you like.

HTML Link not working?

I'm running this jade-based app locally and I've been trying to include a ejs file in it but I was unsuccessful. So I tried to convert my ejs file to jade and again my several attempts failed.
So I thought about just creating a HTML link that takes me to the ejs page on click. Problem is when I click it, nothing happens.
Here's how I made the link:
My Link.
Linking to local resources is disabled in all modern browsers due to security restrictions.
See this answers for more details.
check if the link is really file:///
or you can use double dot notation in your link
example:
../views/account/el.js
Hope it helps

Using HTML, how do I link to a website I don't own that doesn't use www?

My problem is that I'm trying to link to a flash game on a version of the site with no www. HTML doesn't recognize it without www. If I use the www version I and everyone else using the app would have their savegames reset. What can I do?!
Edit: I had been testing via TideSDK Developer but decided to try Chrome. Magically it works as it should. Sorry for the trouble everyone I guess it wasn't HTML's fault after all.
You can just use the full link including 'http://'
So for example, if you wanted to add a link to example.com, you would use
Link to Example.com
Also, the website you are trying to link to might automatically add the 'www.example.com' after the user connects to the site via a redirect.

CSS changes are not reflected in Joomla website

I have a site built around Joomla, It was working fine from the time it was built. But from few days back the css changes in any of the css files are not reflecting in the site. I am able to see all the other UI changes except CSS. I have cleared he cache and checked from different ISP but no result. Can anyone suggest me how to resolve this.
Thanks in advance.
I think you are using a Template which uses LESS instead of CSS. If so, see if there are any folder inside "/public_html/templates/your_template/less/" exists or not.
If it exists then you have to create (if it is already not there) a css file named "custom.css"
inside "/public_html/templates/your_template/css/" folder and write your CSS code inside this file.
Joomla will pickup this "custom.css" file at last and your changes will be reflected.
Sorry for late reply but I found the answer. It is due to enabling CloudFlare in my hosting account. When I reached to my Hosting support they disabled the CloudFlare and everything started working fine and I am able to see all the CSS changes.

Is it possible to save changes in Firebug locally?

What I'm trying to do is to save the changes I make to CSS and HTML on different sites with Firebug.
Just to be clear, I don't expect Firebug to upload the changes to the server via FTP or anything. I just want to save the changes locally, so only I will be able to see them.
For example I've seen a few Firefox/Chrome extensions that add a download button under every video on Youtube, so I know it's possible to do that somehow.
If you have a different way to achieve what I'm trying to do, I'll be glad to hear about it.
(It doesn't have to be with Firebug.)
Thanks in advance!
If you don't mind using Web Developer Toolbar it's easy to save changes made to the DOM (and CSS).
When you install the toolbar, you'll get a "View Source" menu, click on that and choose "View generated source". Then just copy and paste that into a .html file.
You did not say if you alter your HTML or CSS, if CSS, FireFile is a very good addon for this.
Edit, with some Googling, i found FireDiff, which states that it can export changes made in Firebug, i have not tested it bit it's worth checking out.
You could try using Greasemonkey.
It has support for adding custom scripts that are run whenever you load a page (linked to which pages it should load on) and that can make changes to the page dynamically.
https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/
The http://chrispederick.com/work/web-developer/ web developer toolbar will let you add a user style sheet to a site which should achieve your goals.
This may or may not be exactly what you're asking for, but you can download the extension FireDiff in order to save changes made with FireBug. I made a little tutorial on how to do it here: https://www.youtube.com/watch?v=m4OmZLX2zd4
I have a somewhat simlar use-case that I solved differently. I'm not sure if it is what you are looking for or not. I'll describe the behavior and if that is helpful I'll explain exactly how I implemented it.
I changed the code that execute when you click "Run" (or Ctrl+Enter) to check to see if the first line of the code is a hard-coded string //LoadFromFile:<file path>. If it is, and the file exists then I pull the file off of the local file system and run it instead of executing the code in the console window. This way I can use an external text editor to write code.