I am new to CSS, Flexbox and Frontend development. I wanted to build a site with Flexbox, CSS3 and HTML5. (No Frameworks)
Safari 5.1 for Windows does not work with Flexbox .
I played with Chris Coyier's "Old and New Browser Comparability" solution and it worked but seems limited.
My questions are:
Do I have to build a second stylesheet specifically for Safari?
How do I integrate styling without messing up the "Coyier" Structure CSS in my Safari stylesheet?
How can I get the Safari browser to ignore the stylesheet created for other browsers?
Can you suggest reading, site examples or what you did to address this problem?
Thank you so much.
Safari for Windows was available from 2007 to 2012 before it was discontinued. As it hasn't been updated in five years, it doesn't support many modern web standards - and as such, virtually nobody is using it. You shouldn't need to test against it for compatibility.
More information:
http://appleinsider.com/articles/12/07/25/apple_kills_windows_pc_support_in_safari_60
https://en.wikipedia.org/wiki/Safari_(web_browser)
Related
Does kendo spreadsheet supported in IE9? cause when I import excel into it, it's not working. If it is not supported in IE9, is there any workaround that I can do to load the excel in the spreadsheet?
The spreadsheet requires IE9 or latest as announced in Telerik website.
"The Spreadsheet supports Internet Explorer 9 and later versions. The widget is primarily targeted at desktop users and, therefore, its performance and functionalities on mobile devices are limited."
https://docs.telerik.com/kendo-ui/controls/data-management/spreadsheet/overview
By my knowledge you may experience some issues regarding the styling in IE9. Better if you have the change to target above IE9
I've been having a weird web fonts related problem with Firefox only.
To put it short, web fonts are not loading at all from Google or Typekit. This is also the case if I just browse to http://www.google.com/fonts or https://typekit.com/fonts
Here's how Firefox behaves on both sites:
I checked Typekit help regarding this type of issue. All the mentioned settings were correct. Also removed and re-installed Firefox. Tried to connect through 3 different network connections. Nothing seem to help.
I'm sure it's some very basic Firefox setting or problem, but I just can't figure out what. Anyone had similar issues? Any solutions?
Windows 7 Enterprise (32-bit), Firefox 34.0.5.
No problems with latest Chrome, IE 11 or latest Safari.
This is issue of Google web fonts not rendered
i think Mozilla support will help you, there is same issue and it solution also visite mozilla support forum
This is bug that can be found here
I'm developing a web app and want to make sure that it runs as intended on all major browsers. I've downloaded Chrome, Firefox, Opera, Safari and IE to test the app, but I want to make sure it works fine on previous versions of these browsers too.
I know I can download previous versions of Opera from here, and in IE I can select 'Browser Mode' from Developer Tools section.
Is there any way I can test my app on previous version of Chrome, FF and Safari?
I've never really had a problem with something not working in an older version of these browsers. The only compatibility checks I do are with older versions of IE. The reason is that a new version of IE changes a lot but the others come out with new versions so frequently and have automatic updating (you don't even notice it in Chrome) that not only is there (probably) not a significant change to the rendering engine from one version to the next, (pretty much) everyone using it is on the latest version anyway.
That being said, there are some websites that show you screenshots of how a page looks in various browsers.
Browser Shots comes to mind.
http://www.brokenkeyboards.com/btfm/
http://meineipadresse.de/netrenderer/
http://browsershots.org/
I have a site that was designed mostly for IE 8, but we've now discovered that some of our clientele use IE 7 and even IE 6 as well. Unfortunately, because of what I'm assuming are CSS issues, these pages don't look the same in IE 7 as they do IE 8. I was wondering if there were any tips or things to avoid when develop a site to be cross-browser version compatible. The main problem in IE 7 is the position of items in the navigation menu. The elements seem to be pushed to the right in IE 7 when compared with IE 8.
The link for the site is here
I would love to post the html and css but I'm new and can't really figure it out. Please let me know if you need any other info. If anybody had any ideas or thoughts, they would be greatly appreciated. Thanks.
Google "ie conditional stylesheet", its a pain, but it works. Then setup some virtual machine(s) with the main targets you want to test. Alternatively, I believe that the recent versions of Visual Studio for web development ship with some tooling to see a comparison between how the different versions of IE would render a page.
I am running Firefox 4 beta for testing, and unfortunately Google hasn't updated their Gears extension for Firefox 4. At this point, it even seems that Google might not update Gears for Firefox 4. Do you guys know of any trick to get Gears to run on Firefox 4?
(For reference, here is where you can download the OS X XPI for Gears.)
Google have explicitly deprecated Gears; they no longer support it (as of about a year ago!).
They have switched to focus on HTML5 and other related new browser features. In effect they're saying that all the functionality provided by Gears can be done using HTML5.
Here's a link to an article about them dropping it (but there's plenty of others if you google for it):
http://latimesblogs.latimes.com/technology/2009/11/google-gears.html
The down-side is that not all browsers do support all the HTML5 features that are needed to replicate the Gears functionality, so by deprecating it they've cut off support for some browsers. Chrome is fine, of course! But the other browsers are catching up - certainly Firefox 4 should be fine.
A lot of the functionality provided by google-gears is becoming part of html5 - firefox has implemented local storage since 3.5.
Modernizr provides api detection - but not abstraction - I imagine there may be some out there on the internet (Google Gears / HTML5 has only recently appeared on my radar). So far I've not found any way for an html5 app to create a desktop shortcut though.
Update:
See also:
http://www.phonegap.com/
https://github.com/zefhemel/persistencejs
http://code.google.com/p/webstorageportabilitylayer/