does Cube Portfolio have a Safari bug whereby the gallery thumbnail images disappear whenever a filter is selected, only to re-appear when you mouse over the containing div?
I’m using macOS Catalina and it happens everywhere, even on the developer’s (bmihai) demo galleries.
Related
I'm trying to integrate a common wide background image for Xamarin Forms Carousel page. As the requirement I need to smoothly change the visible part of the image according to changes of child pages (Ex. moving the visible part of the theme background image of a mobile phone when moving the menu pages). Is there any way to achieve this approach.
I was trying to change a Safari favorites icon that gets displayed when opening a new tab. I changed some icons by changing the default images in the "/Users/MyUsername/Library/Safari/Touch Icons Cache/" Images folder. Most of the replaced icons are displayed perfectly but some appeared (I think) to be identified by Safari as a transparent background icon and proceeds to display it as one—even though it's not.
This is the icon that Safari displayed correctly
This is the icon that Safari displayed incorrectly
Any idea how I can get Safari to display it as it should?
I've followed the criteria of the icons such as having a .png extension and being 144x144.
This is the info for the image used for the CNN icon
This is the info for the image used for the Triplebyte icon
What I've tried:
Reducing the size of the image
Changing the color profile
Is this issue actually related to the website I'm trying to get my icon for or an issue with the image file?
I tried using another image that was used as an icon by another site. Safari also displayed it as a transparent background image. It turned out that the image file wasn't the issue.
The solution to this is to just use an image that actually has a transparent background.
I used the new Nativescript Sidekick feature to create my launch screens, but the logo appears tiny on the screen. To fix it to make it look more like the stock nativescript logo size, I manually modified and replaced the logo in App Resources files generated to more closely match those images, but regardless my logo continues to look very small on the launch screen. Where is that sizing controlled? If I look in splash_screen.xml I don't see anything that controls the size for android.
I am using the latest version of Xcode 10 that's available in the app store. I keep losing UIBarButtonItem images in the designer. They are visible when the app is run. I can get the images back by switching the image to a different one and then switching it back again. This is what it looks like when the images are gone:
This is what it looks like when the images are visible:
If I change one image, all of the images on the screen come back. They will generally stay until I close down and reopen the app in Xcode.
They always display correctly when run on an actual device. I have tried it on multiple iPads, an iPhone, and every device simulator that I could find. This is only an issue with images on the designer.
This is how the images are set up in Xcode:
The 1X image is 24x24, the 2X image is 48x48, and the 3X image is 72x72. All images that I am using were created in Affinity Designer. They were all saved as PNG files. This is a file with the images that I'm using for the checkmark: Checkmark Files
All of the images have the following settings:
This is what the settings for the UIBarButtonItem looks like.
So far, this is just an annoyance that is happening in multiple apps that I'm working on. I'd just like to figure out why it is happening and if it is just an Xcode bug.
I've got a Wordpress site with some CSS3 rules applied to some images that rotate the images and have a hover effect on rollover too. Problems are showing up in Safari & Firefox when you hover on and then off these images and I can't seem to locate any similar issues by people on the Interwebs.
See http://tinyurl.com/3n2eude and hover on and then off the images (the slightly rotated ones):
Member name goes blurry and then back to normal (Firefox)
Member image border becomes jagged (Firefox)
A big black line displays to the side of the member images sometimes when you hover back and forth between two member images (Safari)
If I disable the transform:rotate rules, it's all fine. So seems to be an issue with that rule. Just can't work out how to get around it.
Anybody got some ideas on how I could get around these or what might be causing it?
Thanks for any ideas you might have!
Bit old of a question but that problem is related with rendering on browser (from what I understood). It cannot be fixed on CSS/HTML side. It must be fixed on user side.
Fix: http://www.askvg.com/how-to-enable-direct2d-directwrite-hardware-acceleration-in-mozilla-firefox/
More information about problem: CSS3 rotate - rendering problems in Firefox and Safari