error parallax effect in firefox but works on google chrome - firefox

I need your help my website is not functioning properly on firefox browser but in edge, chrome and opera and safari it works only firefox is not functioning properly
Firefox Browser
Google Chrome Browser

I would recommend setting up all your projects in Xampp or something similar first before testing it. If you are going to upload to a server you need to replicate the environment locally before you decide whether it is going to work or not. It seems complicated but it is quite simple, you can find out more here. https://www.apachefriends.org/
That said, check your urls, they are not the same for your two different screens, the one is referencing an anchor tag.

Related

Why aren't bookmarklets working in chrome when site is down?

I was trying to create a simple bookmarklet on chrome for browsing to isup.me and checking if the site is really down (javascript:window.open('http://isup.me/'+document.location.href)).
It works well, except for when when I actually need it, because apparently bookmarklets won't work on a site if it wasn't loaded...
Any way to go around this? (and why is it working this way?)

Links displaying as full urls

I recently through together a quick wordpress site for a friend. They're in a different state and I don't have access to my friend's device. When he goes to the website he sees what's in the image below; basically all the links are displaying full urls. I looked at it in IE, Chrome, Safari, and Firefox, and none of them do it for me. Is this a setting in the browser or in Windows that would show the full URL? He's not tech savvy, so he wouldn't have anything like Firebug or Developer Tools installed. It happens for him in both IE and Chrome, so I'm wondering if it could be an accessibility setting on his device. I doubt it's the theme, but I'm willing to swap it out if it is.
It looks like your friend is viewing the site in a way that displays the print stylesheet information.
In Chrome, I opened the developer tools, went to Emulation, and turned on the Print styles, and ended up with this:

Webfont is not displaying on Firefox when the website is hosted on final server

I have a very strange problem with webfonts and firefox.
I made a website with DIN webfont as a font-face, and it is displayed perfectly well in all the browsers, when the website is hosted on my personal server:
http://daviddarx.com/stuffs/work/pozzo/04/
But, since we transfered the website on final servers, the webfont isn't displayed anymore in firefox (mac version), while it still is ok in other browsers:
http://pozzo.ch/
Do you have any idea what the problem could be?
I can't figure it out, cause it's working fine locally and on my server. Also do I think that the problem may come from the final server configurations, or urls, or anything else.
But I haven't any knowledges in these technical fields.
It seems this line src:url("../fonts/din_regular.eot?#iefix") on your font-face makes trouble on firefox.
try to remove the "#", so write this line like this: src:url("../fonts/din_regular.eot?iefix")

creating a browser independent bookmarklet or browser addon

What is the best way to create one browser addon or bookmarklet that would seamlessly work on IE, Firefox and chrome, is there some google gadget that would let you do it?
This all depends on what you actually want to create. If your addon requires things like local storage or the use of xPath or other browser specific items than doing this seamlessly and correctly across the multiple platforms wouldn't be incredibly easy.
Generally speaking all the browsers are quite different. Chrome and Safari run webkit, Firefox Gecko and so on. Some support HTML5 well, others don't. If you're creating something complex you will have to do so for each individual browser. However, much of the code from one can be re-purposed with a few extra / different calls on another. Firefox for example has a lot in common with Chrome and Safari and Chrome and Safari are even more so closely related.
If your addon is very simple I'd recommend going with just a bookmarklet take a look at this http://www.smashingmagazine.com/2010/05/23/make-your-own-bookmarklets-with-jquery/ using JQuery will help solve some if not all of the browser specific issue's you'll run into.
If you require an addon/extension or a bookmarklet do it with JQuery where possible.
I can't really give a more specific yes or no answer without more information. If you could please expand on perhaps what you're looking to do it would be much easier to help you.

Website Images That Are Cached In Chrome Disappear On Page Refresh

I'm having a strange issue with Chrome.
I'm working on development with a very image heavy website. If I reload a page over and over again, eventually half the images or more will just disappear. (they don't seem to be broken, just not visible).
If I clear my local cache in Chrome and refresh the page, the images return.
Any idea what may be causing this and how to possibly fix?
edit: just to note, it's not just me. Others hav reported the same issue on the website I'm working on. Always Chrome.
Images, which contains "content-length" header randomly disapper, removing this at the server side solves this bug...
(chrome dev team has this issue in "open" state in their bug tracing system)
I've been getting this recently too. I generally use the latest dev channel for Chrome and assumed it was related to that, but even when launching the regular version of Chrome I get the same issue. I've only noticed it for the past 2-3 months though. Hard-refresh does the job, but it's a really odd bug.

Resources