Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
I've used Materialize CSS in the past and I really like the framework. However a lot of our projects require IE9 support which Materialize doesn't support. Could anyone recommend a similar framework (preferable responsive, mobile first) they might have used in the past which supports IE9.
I've looked at Google's MDL which has 'B' support for IE9. but I'm looking for something which even if has a subset of features, does fully support IE9.
If you don't care about the material design aspects, then there are plenty of good frameworks out there with good legacy support.
If you want a material design look and feel, then these are your two choices. Obviously, MDL is the better choice, since it's fully supported by Google. AFAIK, the "B" in support for IE9 relates to features like "waves" radiating out when you press on a button. It does not mean anything breaks; it means some (gratuitous) features will degrade (gracefully), or not function.
Users of older browsers need to understand that refusing to update their browsers comes with a cost. Where do you draw the line? Do you support IE6? IE7? IE8? One survey shows IE9 with a market share of 2%. To what lengths are you willing to go to give those 2% of people some kind of amazing animated input box experience?
I understand that sometimes these decisions are made not by us wise developers, but by business people who operate under, shall we say, a different set of priorities. If that's the situation, the easiest way to get through to them is simply give them an estimate of two person-years for IE9 support.
Try Bootstrap Material Design. Bootstrap itself supports IE9. But I don't guarantee a full 100% support. The market share of IE9 is so small that no one will make something fully compatible with it.
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
I recently found the Ultimate CSS Gradient Generator site for easily generating CSS gradients across all browser platforms. It's perfect for what I was looking for. However, I've also encountered other aspects of CSS that require multiple declarations to be cross-browser compatible (i.e. anything like -webkit-*). It's a pain in the butt to develop using multiple browser types. I prefer to develop in Firefox with Firebug for initial testing, and then obviously do cross-browser testing as QA.
My question is, does anyone know of sites that will let me plugin my existing CSS (which may be Firefox or Safari or whatever-specific) and have it 'normalize' it with the appropriate browser-specific declarations for other browsers? Say, for example, I have something like this in my CSS:
-moz-border-radius: 2px;
I'd like to be able to plugin a CSS file that has those declarations all over the place, and have the site also add things like...
-webkit-border-radius: 2px;
(and whatever the equivalent is on other browsers)
Anyone know of a tool or site that will accomplish this? It obviously doesn't eliminate the need to do extensive cross-browser testing before shipping, but I would imagine it would reduce development time significantly.
Prefixr is what you're looking for
You can try this super-useful javascript plugin by Lea Verou: Prefix Free
-prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any
CSS code, only when it’s needed.
It probably needs an update, because sometimes radial gradients won't display without vendor prefixes. But for most common properties, like border-radius, box-sizing, box-shadow etc. is great.
Are you looking for http://prefixmycss.com/
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
What are some very simple CSS frameworks / design packages?
I don't need the added complexity of a combined HTML, CSS, and JS framework.
I will be creating only a few general page layouts for this site.
I'm building the site on TinyMVC.
I want very minimalistic design (mostly black text on a white background).
I'm planning only one and two column layouts.
I need tables, forms, lists, and other "basic elements" (use your best judgement).
**I wouldn't mind CSS3 with HTML5 in mind.
EDIT#1:
I need a grid system.
I need a CSS reset.
I made my last website with compass and 960 grid system. I was very happy with the speed and results. With compass you have a reset and much more. (a lot of css3 mixins like border radius and gradients etc)
Check it out:
http://960.gs/
http://compass-style.org/
an intro into compass
http://css-tricks.com/video-screencasts/88-intro-to-compass-sass/
here are some nice 960 grid sketches to help you designing your webpage in the 960 grid system
https://github.com/nathansmith/960-Grid-System/raw/master/sketch_sheets/960_sketch.pdf
Variable Grid System might be for you. I used it for some of my projects and it works. Not sure if I'm so much a grid system user, though. It usually gives you much more flexibility than you'll need/use. The cost of that is unnecessary CSS code size.
I tried 960 Grid and Blueprint.
Both were great and both were very similar to each other.
I chose Blueprint because it satisfied my requirements the best and gave the simplest and cleanest appearance out of the box, with settings that I'ev barely had to touch for my site.
960 Grid would probably appeal to many people also.
They are both so easy to test, that I suggest trying both, and choosing the one after playing with them for 15 minutes each.
You might want to check out Cascade Framework Light. It's only 2Kb large, has excellent browser support and should have enough features to fit your needs.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
Can any one suggest me a good tutorial or book for learning HTML Components (htc) ?
HTC files are driven by the behavior CSS style. This is non-standard and only works in IE, so you won't be able to support users of other browsers using this method.
Because of this, virtually all the HTC behavior files I've seen have been implemented as hacks to make IE support some or other feature which other browsers already have.
For example:
CSS3Pie
WhateverHover
When it comes to developing HTC files, there's not actually that much to it - they're basically standard Javascript, with a small XML wrapper. If you can write Javascript in the browser, then you'll be able to write an HTC behavior file. The downside is that you won't be able to use any external Javascript, so no JQuery or other libraries.
The question is why? As I say, the only use-case that makes sense if you want to write an IE hack. Virtually everything else that you could want to use HTC for would be better implemented as straightforward Javascript, for any number of reasons.
Well here are some resources on them:
http://www.w3.org/TR/NOTE-HTMLComponents
http://msdn.microsoft.com/en-us/library/ms532146(v=vs.85).aspx
I'm not 100% sure what you meant by "learning HTML Components", I assume those are what you are after.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
Safari 5 has gotten a new feature: The Reader. It shows a simplified version of an article page with just the article itself (and not all the clutter around). It also merges multiple pages (if the article is split across multiple pages) to a single one.
This is an extremely useful feature and I would like to port it over to Chrome.
I was searching for Readers code in the WebKit trunk (e.g. http://svn.webkit.org/repository/webkit/trunk/) but I couldn't find it.
Any hint where I can find it?
Safari Reader borrows from the Readability project, according to an article in the register. Readability implements a similar user experience, but does so in a cross browser fashion (using bookmarklets)
The project site is probably a good place to start:
http://code.google.com/p/arc90labs-readability/
I hope this helps!
BTW - I had links to several sites, including the demo site, the original artcile in the register, but stackoverflow won't let n00bs post more than one link. I will edit to add those once I have some rep!
UI-level features are generally part of the Safari codebase, which as Ivo said is not open-source. The WebKit nightly builds aren't open-source either, they are essentially versions of Safari that use an embedded, trunk copy of the engine instead of the one that shipped with the OS.
I'm not sure where safari's webreader code is. but there is a tool called boilerpipe that does something very similar
A good review on similar tools available is given on Tomaz Kovacic's blog: http://tomazkovacic.com/blog/122/evaluating-text-extraction-algorithms/
It contains comparison of text extraction tools (including boilerpipe, reaability and several others) on two sets of articles. Also there is a feature wise comparison in other article on the same blog.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
jQuery is cross browser, so it abstract JavaScript.
Is there any library for CSS that cross browser, so if I write for Mozilla Firefox, it will show nicely on any other browser, even older version of ie5, 6 ?
Maybe these two will help:
CSS Reset
Blueprint (demos)
EDIT: Your question is duplicate of: Cross-browser CSS
Check out Frame, a pretty damn good cross-browser CSS framework:
http://frame.serverboy.net/
I have used the 960 Grid system for my last few projects. I highly recommend.
I don't think it's technically feasible to create a (javascript) library that can analyze an entire CSS file and modifies it on the fly to make it work in other browsers, because it would have to:
simulate Firefox' rendering to know what the page should look like,
know about all the rendering quirks of other browsers,
know which change to apply to which style rule to fix the design, which implies it should also have to simulate the rendering of other browsers to validate the fix.
jQuery 'only' has to deal with small aspects of a page's rendering. But making an entire design cross-browser compatible is in a league of its own.
Using CSS resets and frameworks, as the other answers suggested, will help a lot in realizing a cross-browser design. But there's no magic library that will fix your entire design in all browsers. And if there is, I'd love to know about it!
I usually use 960, but a lot of times, like with Wordpress it's too time consuming to implement. A lot of times I'll use a javascript browser hack:
http://rafael.adm.br/css_browser_selector/