I'm using font-awesome-rails to generate some icons on my site. When I run the site locally, the image icons appear correctly (they are styled to be different colors). However, when I push to production via Heroku, the styling is messed up (some icons don't appear, and none of the icons are the right color). What could I be doing wrong? I'm not even sure what could be wrong with my code, so if any particular snippets would be helpful for me to share, let me know and I'll add it.
The image on the left is a snapshop of the website in production, and the image on the right is the website running locally.
EDIT:
After restarting my development server, I'm finding the icons appear incorrectly locally as well. What could have gone wrong?
It seems like it was an issue with my Gemfile; when I checked out an older version of my Gemfile and Gemfile.lock, I was able to get rid of the problem.
Related
I have a Mac desktop application developed using Xamarin.Mac and XCode. The application is loading views that should have a considerable amount of content as blank/white screens for a select few end users. While I've not been able to reproduce the issue locally and it doesn't appear to be impacting many people, it does happen consistently for a handful of users(6 out of over 4,000 at the moment). The app works just fine for the vast majority and uses a main window controller that sets the content view as needed by calling the applicable ViewController. When the views in question are loaded for the given users, it renders as a blank white area.
I did notice however that at least some of the objects in the views are actually there, just not visible. For instance, one view has buttons that are still "there" as you can click on them if you know where they are supposed to be positioned(and they also fire correctly) but they are not actually visible as the area is all white with no visible content. It's as if everything is loading properly but the UI just isn't cooperating in displaying objects that are actually there. The closest thing I could find was this Diagnosing run loop issue (partially frozen UI) in Cocoa application
However I'm not sure it's the same problem and there was no resolution for that either. Has anyone else ever encountered something like this?
Ok, got some new info. After doing a remote session with a user we had no luck with the hardware and the console didn't provide much insight, however we did stumble across a workaround that fixes the issue and may give some clues as to the real problem.
When the application is initially installed, we prompt the user to ask if they want it moved to the default Applications directory. They do not have to move it as it will work the same from pretty much anywhere but we do this for convenience. For the users having this problem, we noticed that they all had the app installed in the Applications folder. By sheer luck, one user accidentally chose to not move the app after reinstalling it per our support team. When the app was installed in his default Downloads directory, the problem vanished and the app worked as expected.
After testing various other directory locations(Downloads, Documents, etc.) we found that the issue only seemed to exist if the app was installed in the Applications directory. Furthermore, if the app was installed in the Applications directory, we could simply move it or copy/paste it to another directory outside Applications and when launching it from that new location the issue was resolved.
Seems like there is something specific to the default Applications directory that is causing this to happen(as odd as that sounds). Keep in mind that even when the app is installed in the Applications directory, this issue only happens to 7 people out of over 4,000.
Any ideas as to what might be special about that directory that could explain what we're seeing?
We're using Prestashop 1.5.6.0, and something really weird is happening on a test site of ours, we have to use in a demo later today.
The following URLs:
http://pstest.personera.com/gao/351-large_default/baby-book-girl.jpg
http://pstest.personera.com/gao/350-large_default/baby-book-boy.jpg
are acting weird for different visitors. My colleagues in Indore, India, are seeing two different images, and we've tested on about 3 different machines at their offices. They are seeing the correct images, one of a baby boy, and one of a baby girl product cover image.
In South Africa, myself and two other colleagues are seeing the same image for both the above links. The -girl.jpg image is the same as the contents of the -boy.jpg image.
This is a really weird issue, and none of the conventional fixes work. I tried browser cache and cookie clearing. I tried 2 other machines in South Africa. I thought maybe Chrome is borked, so I tried different browsers as well as Mac OS X and Windows 7. All of them show the same image contents.
And that's not the end of it. When I add more products in Prestashop, these additional products also show the same cover graphic as for the first product in the store.
I even tried browsing through a proxy to see if I can get the correct images displaying. Nothing works.
I didn't believe my colleagues in India when they told me they see different (the correct) image content, so I TeamViewed into one of their PCs and saw that the images are displaying correctly.
The only other potential culprit I suspected is web server caching, but the thing is, the images were just uploaded minutes ago, and how on earth does the -girl.jpg image get to look the same as -boy.jpg. I tried re-uploading the images with different filenames, I even deleted the product in the eCommerce platform.
NOTHING works...any ideas?
Note: I also tried regenerating images in Prestashop...with no effect.
Prestashop has a feature to configure image quality. I turned "Use PNG only if the base image is in PNG format." off, and the problem got fixed.
I'll try using this again once we've upgraded to the latest version.
I have just installed Joomla 3.1.4 on my local PC. Everything seems fine and it installed successfully. However when I go into admin through Firefox it does not show the admin toolbar in the backend so after making changes I cannot save, publish etc. However when I go into the site through Chrome everything seems to work well and the toolbar appears. I cannot workout what is stopping Firefox from displaying the toolbar. I had installed the site a number of times so Firefox seems to remember something from my previous usage.
I've noticed some strangeness with this latest release, also. It may be an admin template bug. Try scrolling the page when you're ready to save.
Update: I just checked 2 of my J3! sites, and they seem ok. Maybe a cache issue?
This is a really weird problem that appeared in the recent version of Chrome.
I have a huge app that loads hundreds of stylesheets (in dev mode). When the page loads, obviously all styles are applied but background images are missing!
If I just do nothing and wait, suddenly the images start loading randomly...
Using dev tools I checked the network tab to see if the images are requested.. but no, just a few of them appear in contrast to the previous version of Chrome.
Does anyone know if any kind of optimization has been added in Chrome that makes images load lazily? Obviously that implementation is buggy and does not consider a page with a lot of stylesheets!
This problem does not affect the app in production, where all the stylesheets are packed and reduced to just ~10.
Tested on Linux and Windows 7
I had a similar problem with our web site on Chrome 27.0.1453.93 and 27.0.1453.94. It turns out that Chrome seemed to think that all of our .gif images were corrupt. They wouldn't render in Chrome but they would render fine in IE, Firefox, and older Chrome versions.
I'm not sure what the underlying issue was, but I opened the images in Photoshop and re-saved them and now it works fine.
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.