I finally made blog examples update, so all examples now works on IE11 and
more devices :)

2018-06-12 23:33 GMT+02:00 Carlos Rovira <carlosrov...@apache.org>:

> Hi,
> I was working hard this past days to make Jewel look ok on IE11. I think I
> get it and I can show you the results in a browser stack screen capture
> https://snag.gy/IlVFmY.jpg
> So we now supports IE11, Edge, Chrome, Firefox, Safari, Opera, and in
> mobile most important devices iOS (I think from 9.0+), Android (almost all
> I tested looks the same), Windows Phone (If anyone uses it ;)), maybe even
> more, it's a matter of test more with Browserstack ;). So I think we have
> support for almost all important browsers out there right?
> There's still some issues left:
> * Slider: Since the -ms-thumb can overflow track, and can't find the way
> to do this, in IE11 instead of scale up when press, it scale down a bit...
> * Alert, the width in IE11 is still huge, and still didn't find a way to
> solve it, if some
> * Dropdownlist is in the example, but I still couldn't work on it, so is
> still a first iteration based on old basic code, so this will change a lot
> as I can get over it.
> * I think Button has still some issue with width that needs to be looked...
> * Actual layouts are working ok, but I hope to change all this soon to
> something more final and very important: Responsive ;)
> Spetial mention to SVGs (used in CheckBox and RadioButton for now), since
> I past many hours dealing with how to load SVG in IE11, and had to try many
> things and almost nothing was working. Finaly after some days, the trick
> was to use SVG with a bit of encoding (no base64, not works) and change
> strategy on how to skin (only pseudo elements did the work). All this to
> get coloring and size working on IE11 since there's some bugs that prevents
> IE11 to read styles on SVG. All this was totally hacky, maybe there's more
> way, but I must say after many days this was the only that solves the issue.
> The good part of this is that now Check and Radio looks better (I think)
> since I adjusted the icons and added some scale animations that work great
> cross browser.
> finaly I'm very happy with the solution, since the encoding is made with a
> SASS function that takes the SVG, calculate the right color (as normal in
> Jewel themes) and then encode the SVG to get the final shape compatible
> with all devices and browsers, and saving few space as well :)
> Now is time to concentrate in layouts, since this is critical now to make
> Jewel UI set more useful, I already made some work on it, but find some
> problems, and need to see how to overcome it. Important points as I already
> said here are: make layouts responsive, so css will take into account media
> screen sizes, and make those layouts work only with class names, so no JS
> computation should be made. Let's see if I can get this working.
> Another point I want to try is exploding components since I'm interested
> in see if I can declare components with it's beads as Alex said. And if
> those not work, see why, and see if Basic is still capable of do this.
> Another task will be to try SWF and see what is missing to make it work at
> least with "bounding boxes" for now.
> Finaly, I plan to update all blog examples post but maybe I'll wait to
> have new layouts more operative...
> Hope you like all this! :)
> --
> Carlos Rovira
> http://about.me/carlosrovira

Carlos Rovira

Reply via email to