Safari showing images transparent - wordpress

I have one interesting issue on this project, which is actively using Visual Composer WP Plugin.
When one of my clients tries to view the site on
MacBook Air OS X El Capitan
Safari v. 9.0.1 (11601.2.7.2)
the browser does not show any images on the main page. They are all loaded to the DOM and can be saved and then opened like a separate file, but on the web page it is just an empty space (smth like css {opacity: 0} rule).
I've been looking for some articles on this issue, but most of them refer to official forums and browser settings fixes. But it is not the case, as this client has a complete user experience on other web pages. And I must say it'is working fine on all the other major desktop and mobile browsers.
Update
Tested with
Safari 8.0.4 (10600.4.10.7)
MacBook Pro OS X Yosemite
works like a charm

Related

Safari Mobile Web Inspector not displaying Element Tab

The Elements tab (as well as others) in the Safari Mobile Web Inspector is not displaying. I can only see the Console, Sources, and Audit tabs. The Sources tab isn't showing any of the sources for the site.
I am trying to debug the styling for an app using Webview and Cordova. I have tried inspecting a Safari mobile web page and the same thing happens.
Workspace:
iOS: 14.6
iPhone: 8
macOS: Big Sur 11.4
Xcode: 12.5 beta 2
Safari (desktop): 14.1.1
This was working previously. The only thing that has changed is that I updated my macOS version. I can use the web inspector as intended on Safari (desktop).
One solution I found was to install the latest Safari Preview Technology.

Visual Studio 2015 - Bootstrap CSS stopped working on Chrome

In the past few days I have been developing a unniversity project on Visual Studio by debugging on Google Chrome every single time.
Now I suspect that after updating my Windows 10 to the latest version - 1803 - something has stopped working while debugging on Chrome. The menus are no longer responsive, if I try to resize my page the content doesn't seem to go to the placed they used too and the text style has changed aswell.
NOTE: Debugging on Microsoft Edge appears to be working as expected.
Creating a new project with a bootstrap theme and debugging on Chrome gives the very same issue. Is there anything I can do to solve it?
Here's some screenshots of it debugging on Chrome and Edge.

Font and icons not appearing on Windows phones only

I'm using phonegap 3.0 for create a application on android, iOS, and Windows phone. I use a custom font-face for my text and for icons. But when viewed in Windows Phone 8, the font and the icons won't appear on the application.
I have tried loading the fonts after the device ready event; using a .woff font; loading from an external source - nothing works. How could I solve this?
I heard about this problem before, apparently there is an issue present in Windows Phone 8 that prevents custom font-faces from working when html/css are hosted locally. Could you try and host the html/css files externally? Just to see if it makes a difference. I think this is a bug in the current WebBrowser control that's used on WP8
EDIT: See this StackOverflow questions and answers about a similar problem
you can transform the file to base64, using one of the services around (e.g. this one,
and add url like this:
src: url(data:application/x-font-woff;charset=utf-8;base64, AAEAAAALAIAAAwAwT1MvMg6SAy8AAAC8AAAAYGNtYXAa.....)

Flash Builder 4.5 won't run my application

I was running my application from Flash Builder 4.5.1 without any issues. (It is a Flex application that connects to .Net Web Services). However, something has changed recently in my configuration or project, because when I try to run the app with the play or debug button, I just get a grey screen. I can't even stop on any breakpoints.
Eventually (maybe 30 seconds), a message pops up like so: 'The Flash Builer failed to connect to the running application. Please make sure that you are running the debug version of Flash Player...'
I definitely have latest version of Flash Debug Player installed (11.1.102.55). I have tried uninstalling it and re-installing it.
I have tried cleaning and rebuilding my project.
I have tried switching to a different workspace and back again.
I have tried restarting the PC.
I am using the latest version of IE for testing.
I'm really stumped - has anybody got any ideas on how to solve this?
Thanks
Have you tried deleting the html-template folder? This has caused issues for me in the past.
After it's deleted, when you try to build you will have a compiler error/warning about the missing folder. Right click and 'rebuild'.
There are some issues with compatability between 64 bit IE9, the 64-bit flash player, and 32-bit debugger. It seems like flash builder gets confused on which to use. I haven't seen any decent resolution yet in the Adobe forums for this particular issue other than use a different browser for testing.
To switch browsers, go to Window > Preferences... > General > Web Browser in Flash Builder. Select Firefox or Chrome.
In order to use Firefox, you need the Flash Debugger for Netscape compatable browsers installed. You can get that from Adobe here.
To use Chrome, you need to replace the built in flash player that is installed with Chrome with the debug player. Instructions from Adobe are here.

Xrefresh alternative

i am using Netbeans PHP + Firefox 4 on Windows for my web development.
I've used a common firebug extension called Xrefresh. It was automaticlly refreshing my opened firefox tab everytime change in my projects directory occured, so pressing ctrl+s in netbeans was triggering auto-refresh in the browser. Very comfort way to work with css, almost live preview.
But now since new Firefox and Firebug versions Xrefresh doesn't work anymore and the question is - are therey any good alternatives, or does someone know how to configure Xrefresh now?
Without live preview my development is somehow slower.
https://github.com/NV/auto_update_stylesheets
This could help you. It refreshes the page via ajax on css save.
There's an automatic refresh-on-change tool for IE. It's called ReloadIt, and is available at http://reloadit.codeplex.com . Free.
Not an add-on to IE, but more of an "adjunct". It does not change the IE install, does not install a BHO or anything like that. So very low-impact installation.
You choose a URL that you'd like to auto-reload, and specify one or more directory paths to monitor for changes. Press F12 to start monitoring.
After you set it, minimize it. Then edit your content files. When you save, the page gets reloaded. like this:
I've managed to keep using xrefresh up until Firefox 9 however I'm not having any luck with version 10.
I've now switched to livereload, they've had a decent Mac version out for a while and a very experimental Windows version has recently been released.

Resources